2017-07-05 4 views
-1

スティッキーナビゲーションを構築しようとしていますが、scrollTopが300pxに達したときにナビゲーションが速すぎてスムーズにスクロールしたい場合は、どこに問題があるのか​​わかりませんナビゲーションが飛び跳ねる理由(バウンス)スティッキーナビゲーションがCSSとjqueryでジャンプする

https://jsfiddle.net/7mgLkk53/1/

jsfiddle 
+0

リンクが壊れ、あなたがしようとしているかを示すされていますか? –

+0

申し訳ありませんが、今すぐリンクが固定されています –

答えて

0
あなたはクラスでそれをスムーズに行うためにCSS3のトランジションプロパティを使用することができます

.main-head-scrolled

Fiddle link

0

変更あなたのscrollTopスプライトのピクセルロジックの場合、その0は、その後の追加よりことを「メイン・ヘッドスクロール "クラス

$(this).scrollTop() > 0 

は、ここでの作業フィドル

https://jsfiddle.net/7mgLkk53/3/

+0

okeyですが、変更すると$(this).scrollTop()> 300となり、300pxに達するとナビゲーションがこの醜いジャンプ/ –

関連する問題