$(window).width() 和滚动问题

Question

我试图让此代码仅在设备窗口大于 960 像素时才起作用，并且仅在窗口向下滚动 700 像素时才触发。后一部分有效，但第一部分无效。

该代码在它淡入然后淡出的地方完美运行，但是我不希望它在移动设备上这样做，因为滚动点（700px）太远了并且会产生问题。

$(function () {

    var header = $('.fadein');

    $(window).scroll(function () {

        var scroll = $(window).scrollTop();

        if (($(window).width() < 960) && (scroll >= 700)) {

            header.removeClass('.fadein').addClass('.fadeout').fadeIn();

        } else {

            header.removeClass('.fadeout').fadeOut().addClass('.fadein');

        }

    });

});

Answer 1

您是否尝试拆分该if语句？例如（if仅当宽度至少为 960 像素时才会触发第二个）if($(window).width() >= 960) {&nbsp; &nbsp; if (scroll >= 700) {&nbsp; &nbsp; &nbsp; &nbsp; header.removeClass('.fadein').addClass('.fadeout').fadeIn();&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; header.removeClass('.fadeout').fadeOut().addClass('.fadein');&nbsp; &nbsp; }}