滚动时如何使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;  
}

演示.

看到:

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

Answer 2

这可能是一个简单的CSS问题...您可以将DIV放置在视口底部的固定位置,滚动时它将始终存在,没有任何Javascript

position: fixed;
bottom: 0px;