2017-03-29 4 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> 

#ヘッダーは、デフォルトでは非表示、と私はそれがページの下、さらに再表示したいが、私はのいずれかを変更した場合されヘッダのjQueryの数字がちょうど点滅します。私はなぜそれが起こっているのか理解するのに十分なコードを理解していません。

+0

((scroll> 100)&&(scroll <300))として条件を書き換えるとどうなりますか? – diavolic

答えて

1

オン/オフエフェクト(点滅エフェクト)は、主に1ピクセルのためにフェード効果が失われているためです。 は、だから使用: scroll >= 300の代わり:scroll > 300

0

を私は@Adamバーカーに同意し、また、あなたは、アニメーションキューを停止できます。$( '#ヘッダ')(真).fadeIn()を停止します。