2016-03-23 11 views
0

次のjQueryコードを使用してページ上部の固定ナビゲーションバーから要素の間をスクロールしています。私のナビゲーションバーの後ろに。このコードを変更して、ページの特定の距離(ナビゲーションバーの高さ)までしかスクロールしないようにするにはどうすればよいですか?要素までスクロールするときにページの最上部からピクセル距離を設定する

$(document).ready(function(){ 
$('a[href^="#"]').on('click',function (e) { 
    e.preventDefault(); 

    var target = this.hash; 
    var $target = $(target); 

    $('html, body').stop().animate({ 
     'scrollTop': $target.offset().top 
    }, 900, 'swing', function() { 
     window.location.hash = target; 
    }); 
}); 
}); 

答えて

1

あなたがトップにすべての方法をスクロールしたくない場合は、単にあなたがより良い作品scrollTop

var height = //<distance to top>; 
$('html, body').stop().animate({ 
    'scrollTop': $target.offset().top + height 
}, 900, 'swing', function() { 
    window.location.hash = target; 
}); 
+0

代わりにOPプラス私が使用しているマイナスに必要なオフセットを追加することができますが、 –

+0

これはChromeのブラウザでは動作していますが、最新のMozillaブラウザでは動作しません –

関連する問題