Question

我对编码很新，我生气了我的javascript 在Firefox中不起作用。我已经阅读了这个网站上所有类似的问题，但我仍然没有得到它。

(function($) {
    $(document).ready(function() {

        var stickyOffset = $('.header').offset().top;
        $(window).scroll(function() {
            var sticky = $('.header'),
                scroll = $(window).scrollTop();
            if (scroll >= stickyOffset) sticky.addClass('fixed');
            else sticky.removeClass('fixed');
        });
    });
})(jQuery);

以下是完整的网页：www.container.jetzt 谢谢你的帮助，莫里茨

Answer 1

检查文档是否已加载的内容太多。

<script type="text/javascript">
$(function(){
    var sticky = $('.header');
    $(window).on('scroll',function(){
        var stickyOffset = sticky.offset().top;
        $(window).scrollTop() >= stickyOffset ? sticky.addClass('fixed') : sticky.removeClass('fixed');
    });
});
</script>

Answer 2

所以，我输入了一个新代码

$(function(){
    var stickyOffset = $('.header').offset().top;
      $(window).scroll(function(){
        var sticky = $('.header'),
       scroll = $(window).scrollTop();
        if (scroll >= stickyOffset) sticky.addClass('fixed');
        else sticky.removeClass('fixed');
      });
});

它似乎工作，但当我第一次加载到页面时，标题有点跳跃，当我重新加载页面时，它工作正常。

粘性导航栏不适用于Firefox

2 个答案: