滚动时如何使DIV始终位于页面底部

Question

滚动时，我使用以下代码使DIV始终位于页面底部。但这不起作用，继续增加Page高度。

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;
width: inherit;
}

Answer 5

使用此规则：

div {
  position: fixed;
  bottom: 0;
}

您也可以在任何父块元素中使用此技术。