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

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

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

---

请在这方面帮助我。

为什么不使用直接CSS

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

见：

---

这可能是一个简单的CSS问题。。。您可以将DIV放置在视口底部的固定位置，滚动时它将始终在那里，而无需任何Javascript

position: fixed;
bottom: 0px;

你可以使用css

position: fixed;
bottom: 0;

如果您愿意，可以避免在javascript中执行此操作
这是一个简单的演示。
使用以下规则：

div {
  position: fixed;
  bottom: 0;
}

---

您也可以在任何父块元素中使用此技术。
将宽度设置为“继承”也可能会有所帮助

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

---

请告诉我：P我打算建议一个纯CSS解决方案如果您使用.scroll（）函数并使用已经发布的CSS解决方案，您可以将它与jquery解决方案混合使用