Javascript 用户内的垂直中心层';s在长页上的可视区域

Javascript 用户内的垂直中心层';s在长页上的可视区域,javascript,jquery,Javascript,Jquery,我试图在一个很长的页面的可视区域垂直居中放置一个div。在这种情况下,页面的真正垂直中心远高于用户的可视区域 我已经将用户单击的链接的scrollTop()长度添加到公式中,这很有帮助,但仍然将div放置在可视区域的中心上方 代码摘录: $('.' + layer).css({ display:'block', left:( $(window).width() - $('.' + layer).width() )/2, top:( $(this).scrollTop()

我试图在一个很长的页面的可视区域垂直居中放置一个div。在这种情况下,页面的真正垂直中心远高于用户的可视区域

我已经将用户单击的链接的scrollTop()长度添加到公式中,这很有帮助,但仍然将div放置在可视区域的中心上方

代码摘录:

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

也许你需要CSS解决方案

如果DIV的高度=H,则css将为:

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

也许你需要CSS解决方案

如果DIV的高度=H,则css将为:

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

可能的重复似乎有点不同…再仔细看一下解决方案,看看其中是否有可转让的。可能的重复似乎有点不同…再仔细看一下解决方案,看看其中是否有可转让的。