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.
});

PS：只有当窗口的width少于924时，这才有效....所以即使它是924，它也不会工作！

滚动和最大宽度启动脚本

1 个答案: