jQuery：要素の中心までスクロール

Question

jQuery関数を使用して、クリックしてdivにスクロールしています。今はトップにスクロールしますが、トップの代わりに$('.scrollit')の中心にスクロールさせる方法だったのか、それともピクセルの量だけオフセットする方法があるのか​​疑問に思いましたか？

$(".playbox").on('click', function() { 
    $('.scrollit').animate({ 
     scrollTop: $(this).offset().top 
    }, 1000); 

Answer 1

要素の高さを使用できます。

scrollTop: $(this).offset().top + $(this).height()/2; 

エレメントの高さの半分をスクロールトップに追加して、エレメントの中心までスクロールします。

Answer 2

もう1つの大きな違いが2つあります。あなたがオフセットを追加したり削除したりすると関係がありますので、私はのマイナスプラスでプラスを交換します。そして、私は画面サイズを参照として使用し、要素は使用しません。関数のスクロールとラップをアニメートすることはオプションです。

function scrollTo (id) { 
    $('html,body').animate({ 
     scrollTop: $("#"+id).offset().top - $(window).height()/2 
    }, 1000); 
}