2017-03-29 25 views
0

好傢伙這裏頭閃爍是我的jQuery:jQuery的 - 上下車

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script> 
    $(document).ready(function() { 
     $(window).scroll(function(){ 
      scroll = $(window).scrollTop(); 
      if (scroll > 100 && scroll < 300){ 
       $('#header').fadeOut(); 
      } 

      if (scroll > 300){ 
       $('#header').fadeIn(); 
      } 
     }); 
    }); 
</script> 

的的#header默認是隱藏的,我希望它進一步取消隱藏下來的頁面,但如果我更改任何那個jQuery中的數字標題只會閃爍。我不明白代碼足以理解爲什麼會發生這種情況。

+0

如果將條件重寫爲((scroll> 100)&&(scroll <300)),會發生什麼情況? – diavolic

回答

1

開啓和關閉效果(閃爍效果)主要是由於您的淡入淡出效果丟失的1個像素。 所以只需使用:的 scroll >= 300代替:scroll > 300

0

我@Adam巴克同意,也可以停止動畫隊列:$( '#頭')停止(真).fadeIn()。