javascript - 在长页面上的用户可视区域内垂直居中图层

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) }