Javascript 用户内的垂直中心层';s在长页上的可视区域
我试图在一个很长的页面的可视区域垂直居中放置一个div。在这种情况下,页面的真正垂直中心远高于用户的可视区域 我已经将用户单击的链接的scrollTop()长度添加到公式中,这很有帮助,但仍然将div放置在可视区域的中心上方 代码摘录:Javascript 用户内的垂直中心层';s在长页上的可视区域,javascript,jquery,Javascript,Jquery,我试图在一个很长的页面的可视区域垂直居中放置一个div。在这种情况下,页面的真正垂直中心远高于用户的可视区域 我已经将用户单击的链接的scrollTop()长度添加到公式中,这很有帮助,但仍然将div放置在可视区域的中心上方 代码摘录: $('.' + layer).css({ display:'block', left:( $(window).width() - $('.' + layer).width() )/2, top:( $(this).scrollTop()
$('.' + 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) }
可能的重复似乎有点不同…再仔细看一下解决方案,看看其中是否有可转让的。可能的重复似乎有点不同…再仔细看一下解决方案,看看其中是否有可转让的。