長いページのユーザーの視認可能な領域内の垂直方向の中央レイヤ

Question

非常に長いページの視認可能な領域にdivを垂直方向にセンタリングしようとしています。この場合、ページの真の垂直方向の中心は、ユーザの視認可能な領域の上にある。

ユーザーがクリックするリンクのscrollTop（）の長さを、表示可能な領域の中心の上にdivを配置するのに役立つ数式に追加しました。

コードの抜粋：

$('.' + layer).css({ 
    display:'block', 
    left:($(window).width() - $('.' + layer).width())/2, 
    top:($(this).scrollTop() + $(window).height() - $('.' + layer).height())/2 -20, 
    position:'absolute' 
}); 

Answer 1

たぶん、あなたは、CSSのソリューションが必要？

あなたのDIVの高さ= H場合は、CSSは次のようになります。[ビューポートセンターDIVの内容]の

div{ position:fixed; left:0; top:50%; margin-top:(-0.5 * H) }