0

上から少し離れたところにメニューのあるページがあります。メニューが一番上に達した場合にウィンドウをスクロールすると、ヘッダーの位置が固定に変更されます

.f-nav{ z-index: 999; 
        position: fixed; 
        top: 0;
        width: 100%;}

$(document).ready(function(){
  var top = $('.sticky').offset().top;
  $(window).scroll(function () {
    if ($(this).scrollTop() >= top) {
      $('.sticky').addClass("f-nav");
    } else {
      $('.sticky').removeClass("f-nav");
    }
});

ただし、特定のページでは、下にスクロールしてメニューが一番上に到達すると、ページが自動的に少し上にスクロールします。そのため、ページの下部に移動できません。この問題がまったくわかりません。

4

0 に答える 0