jQueryを使用して、ユーザーがスクロールしてdivにクラスを追加し、divの元の位置にスクロールして戻ったときに再び削除しようとしました。フォーラムに使用されているため、ユーザーがパンくずリストをスクロールすると、ページの上部に固定されます。これは私が現在使用しているコードです:
$.noConflict();
jQuery(document).ready(function($){
$(window).scroll( function() {
if ($(window).scrollTop() > $('#secondary_navigation').offset().top)
$('#secondary_navigation').addClass('floating');
else
$('#secondary_navigation').removeClass('floating');
} );
});
それは動作します...ほとんど; ただし、div がページの上部に固定されていると、ちらつきがちらつきます。ライブ コードを見ると、クラスが絶えず追加および削除されているため、恐ろしいスクロール エクスペリエンスが発生します。
なぜこれが起こっているのか誰にも分かりますか?