スクロールイベントについて真剣に質問があります。一晩中解決しようとしましたが、できませんでした。
上部にナビゲーションを貼り付けようとしています。スティックエフェクトは$(window).scrollTop()
、ナビゲーション直前のポイントを通過すると処理されます。
問題は、IE と Chrome では「まばたき」効果 (遅延プロセスのようなもの) が発生するが、Firefox では発生しないことです。
調べているうちに、Firefox にはデフォルトで「スムーズ スクロール」があることがわかりました。
ただし、Chrome または IE でこの例を確認してください。
http://www.backslash.gr/demos/jquery-sticky-navigation/
Firefoxのようにとてもスムーズで、コードはとてもシンプルです......
要点は、この例とまったく同じことを行っているのに、なぜ「まばたき」効果があるのですか??
トリックはCSSですか??
js で firefox のようにスムーズなスクロールを作成する方法はありますか??
ご助力ありがとうございます。
$(window).on('scroll', Sticky);
function Sticky(){
$(this).scrollTop() > anchor.offset().top
? nav.css({ 'position': 'fixed',
'z-index': z_index,
top: y,
left: x, })
: nav.css({ 'position': 'static', });
};