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

您需要$（窗口）.resize()

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

阅读Cross-browser window resize event - 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');
}

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

4 个答案: