2011-05-17 48 views
7

我想使用jquery來計算窗口高度,然後將該值應用於DIV(容器div)最後我希望jquery將元素對齊到頁面的底部。對齊一個元素到窗口的底部

<div id="wrapper"> 
     <div id="element-align">Here is the element i wish to align to the bottom</div> 
    </div> 
+0

即使在頁面向下滾動的情況下,是否還想讓此元素保留在窗口的底部?如果是這樣可以在CSS中完成。 – 2011-05-17 09:54:13

+0

是的,這是正確的! @羅伊麥克羅斯 – Xavier 2011-05-17 09:54:40

+0

只是一個建議。 Whatch out做codez:調整窗口問題。 Q:CSS不太好? – 2011-05-17 09:55:57

回答

20

而且我對你們的操作問題,這可以在CSS來實現:

#element-align { 
    position: fixed; 
    bottom: 0; 
} 

如果需要的話,你還可以添加左/右的元素,但固定定位將意味着無論頁面的滾動位置如何,該元素將始終顯示在相對於瀏覽器鑲邊的相同位置。

+0

問題:不要忘記我們最親愛的ie6和固定底部的位置:0px。甚至不要忘記移動Safari。 – 2011-05-17 10:05:24

+0

感謝隊友,我增加了一個最小高度:100%;和高度:自動;到容器爲此充分工作。 :) – Xavier 2011-05-17 10:10:29