Question

我的页面动态生成大量信息，并使用jQuery在DOM中添加/删除显示/隐藏内容。

当页面清空并加载新内容时，这会导致页面页脚在屏幕的可见区域中上下反弹。

<html>
    <head/>
    <body>
        <div id="content"/>
        <div id="footer"/>
    </body>
</html>

理想情况下，页面页脚永远不会向用户显示而不向下滚动，因为页脚会分散用户不需要查看的信息，除非他或她正在寻找它。

我应该使用jQuery动态定位页脚吗？

这样的东西？

$(window).resize(function() {
    $("#footer").css('top', $(window).height() + 20);
});

Answer 1

我建议在'content'div上设置CSS样式'min-height'。这将允许您按下页脚。

鲍勃

更新：这是一个例子： http://jsbin.com/onasi/3/edit