2015-12-14 84 views
0

我很新的编码,我生气,我的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 感谢您的帮助,莫里茨

+0

什么是不正确的?你必须清楚你所遇到的问题。 – AtheistP3ace

+0

应该坚持(它在safari和chrome中)的标题只是在摇晃,似乎它在滚动时启动和停止。 – Moritz

回答

0

太多的东西来检查,如果该文件被加载。

<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> 
+0

感谢您的帮助,但现在当我向上滚动标题时,标题不会再回落 – Moritz

+0

@Moritz不是什么? – Vixed

0

于是,我把一个新的代码

$(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'); 
     }); 
}); 

似乎工作,但是当我第一次加载页面的标题是那种神经质,当我重新加载页面,它工作正常。