javascript - 在滚动和最大宽度上启动脚本

Question

我有这个:

JavaScript:

$(window).scroll(function(){
if  ($(window).scrollTop() >= 100){
     $('#normal_menu').css({height: '50px'});
} else {
     $('#normal_menu').css({height: '120px'});
    }
});  

它工作正常。但现在我希望代码仅在屏幕宽度小于 924px 时才起作用。我发现了这个:if( $(window).width() < 924)但是如何在我的代码中实现它呢？

Answer 1

试试这个:

$(window).scroll(function () {
    if($(window).width() < 924) { // <--- inserted if statement here.
    if ($(window).scrollTop() >= 100) {
        $('#normal_menu').css({
            height: '50px'
        });
    } else {
        $('#normal_menu').css({
            height: '120px'
        });
    }
    } // <--- inserted closing bracket here.
});

P.S: 这仅在窗口的 width 小于 924 时有效....所以即使它是 924 ，它不会工作!