$(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) {

    if (scroll >= 700) {

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

    } else {

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

    }

}