Question

我在页面左侧有一个固定的div，如果它比浏览器窗口长，可以滚动整个页面，并在到达结尾时停止滚动。

如果页面内容的高度比div高，则可以正常工作，但是如果页面内容比div短，则div停在页面停止的位置，其余部分无法看到。

以下是我正在使用的代码：

这个是当页面内容长于div时，一切都很好：http://jsfiddle.net/nickykw/4Kaxd/2/

但是有了这个，页面内容比div短，而且div太快停止：http://jsfiddle.net/vxFtV/2/

我认为内容需要以与div类似的方式修复。怎么会这样做？

如果无法完成，是否可以在固定div的底部或div的代码中添加内容，以使浏览器向右滚动到div的末尾，即使主要内容已结束？如果在内容下留下大量空白区域并不重要。

非常感谢

Answer 1

您可以检查身体是否短于固定div，如果是，请将身体的高度设置为固定div的高度。

请注意，此代码必须运行onload。

var $body = $("body");
var fixedHeight = $("#theFixed").height();

if($body.height() < fixedHeight){
    $body.height(fixedHeight);
}