在页面滚动页面底部维护元素

Question

我正在使用此代码将div放在页面底部：

http://jsfiddle.net/gyExR/（特别感谢this用户）

现在如何在滚动时保持页面底部的元素？

我确实尝试在窗口滚动上添加事件并再次设置位置和底部，但它不起作用。

Answer 1

听起来像是经典的“粘性页脚”问题，您希望将页脚保持在屏幕底部（即视口）而不是页面底部。

CSS position:fixed;在IE中不起作用，但有many other solutions。好的是纯粹基于CSS并在IE中工作。

我建议使用http://ryanfait.com/sticky-footer/，因为它的标记很干净，CSS很简短。它甚至可以从IE5向上工作！

Answer 2

使用CSS解决问题：

  position: fixed;

Answer 3

假设您的粘性div具有id“粘性”

$(window).scroll(function (){
    $('#sticky').stop().animate({bottom: 20}, 'slow');
});