jquery - divへのjqueryスクロール、カスタム位置?

Question

したがって、このスクリプトを使用して、JQuery で div にスクロールしています。

jQuery(document).ready(function($) {

$(".scroll").click(function(event){     
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
});
});

問題は、div にスクロールすると、ページに実装されたヘッダー トップ バー div のためにタイトル (最初の 20px など) が非表示になることです。スクロールを制御して、div全体を表示できるようにスクロールを早く停止するにはどうすればよいですか。

Answer 1

使ってみて

$('html, body').animate({scrollTop:$('#your_custom_position_id').position().top}, SPEED);

Answer 2

その位置で停止するようにヘッダーのサイズを追加できます。

jQuery(document).ready(function($) {

  $(".scroll").click(function(event){     
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top+20}, 800);
  });
});

Answer 3

すでに持っているのと同じ行を使用します。

$('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);

scrollTop値で遊ぶだけです。例えば

$('html,body').animate({scrollTop:$(this.hash).offset().top - 50}, 800);