如何在滾動時總是在頁面底部製作DIV

Question

我使用下面的代碼在頁面滾動時總是在頁面的底部。但是這不起作用，並繼續增加頁面高度。

var LSscrollingDiv = $("#LightSwitchMenuIt"); 
$(window).scroll(function(){ 
    LSscrollingDiv 
     .stop() 
     .animate({"marginTop": ($(window).scrollTop() + $(window).height()) + "px"}, "slow");    
}); 

請幫我解決這個問題。

Answer 1

爲什麼不使用直接的CSS？

div.foo { 
    position: fixed; 
    bottom: 0px; 
} 

Demo.

參見：

• https://developer.mozilla.org/de/CSS/position

Answer 2

這可能是一個簡單的CSS問題...你可以在底部的DIV地方固定位置該視口，它將永遠在那裏滾動時，沒有任何Javascript

position: fixed; 
bottom: 0px; 

Answer 3

您可以使用CSS

position: fixed; 
bottom: 0; 

，以避免如果你想做到這一點在JavaScript。

http://jsfiddle.net/A8BGJ/是一個簡單的演示。

Answer 4

使用此規則：

div { 
    position: fixed; 
    bottom: 0; 
} 

您還可以在任何父塊元素使用這種技術。

Answer 5

也可以將寬度設置爲繼承。

#div { 
position: fixed; 
bottom: 0; 
width: inherit; 
}