Jquery 固定div比内容长-如何使内容粘到屏幕底部？

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

如果页面内容的高度比div长，则此方法可以正常工作，但是如果页面内容比div短，则div会在页面停止的地方停止，而其余部分则看不到

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

这是当页面内容比div长时，一切正常：

但使用此选项时，页面内容比div短，且div停止得太快：

我假设内容需要以类似于div的方式固定。这将如何实现

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

---

非常感谢

您可以检查车身是否比固定高度短，如果是，请将车身高度设置为固定高度

注意，此代码必须运行

onload

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

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

var$body=$（“body”）；
var fixedHeight=$（“#固定”）.height（）；
如果（$body.height（）

---

这看起来很像我不久前为一个老问题设计的东西……谢谢。不幸的是，它可以在JSFIDLE中工作，但不能在Firefox或IE8中工作，滚动仍然限于内容的高度。我已经在web上放置了一个测试页面：为什么它可以在JSFIDLE中工作而不能在这里工作？需要做什么？因为JSFIDLE设置为运行javascript onload。测试页面立即运行脚本。更新了答案以更清楚地说明它必须在加载时运行。