2015-12-14 85 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'); 
     }); 
}); 

似乎工作,但是當我第一次加載頁面的標題是那種神經質,當我重新加載頁面,它工作正常。