HTML/JQuery で奇妙な問題が発生しています。
私のホームページのトップ ナビゲーションには、HTML で記述された 5 つのリンクがあります。何らかの理由で、ページをスクロールするまでリンクが「アクティブ」になりません。位置を「絶対」から「固定」に変更し、背景を透明な黒に変更するだけで、スクロールのナビゲーション要素を操作しています。ただし、それはリンクには関係ありません。
Chrome を使用して調べると、各メニュー項目がリンクされています。
これは、スクロール時にナビゲーションを操作するコードです --
$(document).scroll(function(){
if (!docked && $(document).scrollTop() > 36){
docked = true;
$('#menu-nav').css('background','rgba(60,60,60,0.9)');
$('#menu-nav').css('position', 'fixed');
$('#menu-nav').css('top',0)
$('#menu-nav').css('height',49+'px')
}
else if (docked && $(document).scrollTop() < buffer) {
docked = false;
$('#menu-nav').css('background','');
$('#menu-nav').css('position', 'absolute');
$('#menu-nav').css('top',0)
}
})
ページはここ -- www.barandbean.com -- で、ナビゲーションが「固定」位置に変わり、ウィンドウとともにスクロールするまで、リンクが機能しないことがわかります。
どんな助けでも大歓迎です。コード スニペットをさらに追加できますが、何が最も役立つかわかりません。