2012-04-04 36 views
1

我正嘗試在很長頁面上查看區域中垂直居中div。在這種情況下,頁面的真正垂直中心遠高於用戶的可視區域。長頁面中用戶可查看區域內的垂直居中圖層

我已經添加了scrollTop()長度的鏈接用戶點擊的公式,這有助於,但仍然把div放在可視區域的中心之上。

代碼摘錄:

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

可能重複http://stackoverflow.com/questions/3297919/center-div-contents-以觀看) – 2012-04-04 13:18:17

+0

這似乎有點不同...要多看看解決方案,看看它是否可以轉讓。 – jsuissa 2012-04-04 13:39:55

回答

1

也許你需要CSS的解決方案?

如果你的DIV的高度= H,CSS將是:

div{ position:fixed; left:0; top:50%; margin-top:(-0.5 * H) } 
的[中央DIV內容視](