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

Question

我有一个固定在顶部的上传表单，然后进行滚动。 现在，我想在手机上查看该功能时将其禁用。

这是我的脚本代码。

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

Answer 1

使用.resize()代替：

$(window).resize(function () {

    ............

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

请参阅.scroll()事件寻找滚动，但是在您的情况下，您必须使用.resize()因为您要基于屏幕大小启用/禁用某些功能，并且不要忘记像我在答案中提到的那样触发它或你可以做。

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

Answer 2

您需要$（window） .resize（）

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

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

Answer 3

在jQuery中

$(window).resize(function () {

//Your function

.. }).resize();;

在CSS中

@media only screen and (max-width: 400px) {

    #formwrap{display:none;}

}

Answer 4

试试这个代码：

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