javascript - #target - 100px までスクロールするにはどうすればよいですか?

Question

私は使用しようとしています

<a href="#target">Details</a>

<div id="target">asd...</div>

トップポップアップメニューもあります。だから、そのメニューの後ろになっています。

JavaScript を作成することは可能ですか (テンプレートで既にブートストラップと jquery ライブラリを使用しています)#target - 100px

前もって感謝します

Answer 1

試したことはありませんが、このようなものはうまくいくはずです。

 $('html, body').animate({
     scrollTop: $("#elementtoScrollToID").offset().top - 100
 }, 1000); // this is the time in millisecond of the animation

Answer 2

ステップ 1: Ariel Flesler の jquery.scrollTo-min.js をインクルードする

http://flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js

Step2: 追加

$('a').scrollTo( $('#target'), 1000, {offset:-100} );

Answer 3

 scrollTop: ($($anchor.attr('href')).offset().top)-300

これは私のコードであり、動作します。-300 = ピクセル