javascript - 当屏幕尺寸小于 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.

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

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