在长页面上用户可视区域内的垂直中心层

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{ position:fixed; left:0; top:50%; margin-top:(-0.5 * H) }