当屏幕大小小于480px时，如何禁用jQuery功能

How do I disable jQuery function when screen size is less than 480px?

本文关键字：何禁用 jQuery 功能 480px 屏幕 小小 小于      更新时间：2023-09-26

我有一个上传表单，它固定在顶部，然后滚动。现在我想在手机上查看时禁用此功能。

这是我的脚本代码。

$(window).scroll(function () {
    if ($(window).scrollTop() > 430 && $(window).width() > 480) {
        $('#formwrap').addClass('fixed');
    } else {
        $('#formwrap').removeClass('fixed');
    }
});

改用.resize()：

$(window).resize(function () {
    ............
}).resize(); //<----this will be fired when dom gets ready.

请参阅.scroll()事件查找滚动，但在您的情况下，您必须使用.resize()，因为您想根据屏幕大小启用/禁用某些功能，并且不要忘记触发它，正如我在回答中提到的，或者您可以这样做。

$(window).resize(); // or
$(window).trigger('resize');

在Jquery 中

$(window).resize(function () {
//Your function
.. }).resize();;

在CSS 中

@media only screen and (max-width: 400px) {
    #formwrap{display:none;}
}

您需要$（window）.resize（）

$(window).resize(function () {.. });

阅读跨浏览器窗口调整大小事件-JavaScript/jQuery

试试这个代码：

if(screen.width>=480)
{
    $('#formwrap').addClass('fixed');
} else {
    $('#formwrap').removeClass('fixed');
}
相关文章：