在jquery窗口中添加/删除类滚动功能不起作用 - 博客

Question

我请求帮助，为什么我的脚本不起作用，

$(window).scroll(function() {    
if ($(window).scrollTop() > 1){  
    $('header').addClass("sticky");
}
else{
    $('header').removeClass("sticky");
}
});

我尝试将$(window).scroll(function() {替换为$(document).ready(function() {，仍然无效

有关详细信息，您可以在versbubble.blogspot.com

中打开我的页面

Answer 1

您可以使用以下方法使其正常工作。

$(document).ready(function () {
        if ($(window).scrollTop() > 1) {
            $('header').addClass("sticky");
        }
        else {
            $('header').removeClass("sticky");
        }
 });

Answer 2

希望我不会太晚，我最近遇到了同样的问题所以我做了类似的事情

    $(document).ready(function () {
        $(window).scroll(function() {    
            if ($(window).offset().top  > 50){  
                $('header').addClass("sticky");
            }

            if ($(window).scrollTop() < 50){  
                $('header').removeClass("sticky");
            }

        });
    });