新しく表示されたdivのJqueryセンターブラウザ

Question

.show()を使用して、divに新しいスニペットを表示しています。この新しいスニペットはページの一番下にあり、ユーザーのブラウザがこの新しいスニペットの中央に配置されていることを確認したいと思います。

私は垂直にセンタリングされていることに心配しています。

Answer 1

テキストがページの上部からどのくらい離れているかを知る必要があります。次に、ブラウザのビューポートの高さの半分を引く必要があります。

var offset = $('.some-text').offset(); 
var vp = $(window).height(); 
$(window).scrollTop(offset.top - vp/2); 

クイックデモ：http://jsfiddle.net/wdm954/nNn26/

Answer 2

おそらく正確にはhttp://api.jquery.com/scrollTop/#scrollTop2をチェックしてみてください。