2017-06-30 15 views
0

私は要素をウィンドウの右下隅に固定しました。クロームでは、それはうまくいきます、FirefoxとIEでは、不安定な効果があります。FirefoxとIEのスクロールでの固定要素ジャンプ

<div style="height: 300px;"></div> 
<div class="test" style="position: absolute; width: 100%; height: 77px; background-color: #333;"></div> 
<div style="height: 1300px;"></div> 

    $(window).scroll(function() { 
     var bHeight = $(window).height(); 
     var offset = $(window).scrollTop(); 
     $('.test').css({ 
      top: bHeight + offset - 77 + 'px'; 
     }); 

}); 

例フィドル:クロームでhttp://jsfiddle.net/3ecx7zp9/6/が正常に動作しますが、IEとFirefoxは、スクロールに弾む効果がある は、ここで私がしようとしているコードです。誰も私が何かを見つけることができなかったので、これに対する解決策を提案してもらえますか?あなたの助けを事前に感謝

おかげで、Akila

答えて

1

だから私は、私はあなたの質問の権利を理解してほしいです。 下の要素を修正したいですか?

あなたはただそれも、ページのスクロールには、ウィンドウの下部に固執すべきであるCSS

.test 
    { 
    position: fixed; 
    bottom: 0; 
    } 
+0

を使用することができます。だから私は底= 0を与えることはできません、それはコードに示されているようにアカウントにスクロールオフセットを取る必要があります。 –

+1

あなたのスタイル属性で** position:absolute **とJS部分=> http://jsfiddle.net/3ecx7zp9/137/ – ArayniMax

+0

を削除したことを確認してください。私の場合、この固定要素は、

の中に配置され、絶対配置されており、bottom = 0はページの下部(ウィンドウではない)に固執しています –

関連する問題