Javascript 当屏幕分辨率高度太小而不适合滚动div时，如何使滚动div不向包含div添加高度？

我使用javascript在滚动页面时向下移动一个div。我在网上找到了代码，它满足了我的需要。我遇到的问题是屏幕分辨率较低（ipad），你必须向下滚动才能看到页脚经过主内容区，滚动的div向下推才能进入屏幕，改变div和body的高度，这使你能够无休止地向下滚动页面。该div通过在滚动时移动的div顶部添加边距来滚动。我尝试过在所有包含div和body的内容上设置高度，但在css方面似乎没有任何效果，而且我对javascript的了解还不足以设置某种条件

我正在处理的页面是

如果你把浏览器窗口的高度缩小并向下滚动页面，你就会明白我在说什么。有没有一个简单的解决办法，我错过了

正在使用的脚本是：

var $sidebar = $(".subMenuWrap"),
    $window = $(window),
    offset = $sidebar.offset(),
    topPadding = 30;

        $window.scroll(function () {
            if ($window.scrollTop() > offset.top) {
                $sidebar.stop().animate({
                    marginTop: $window.scrollTop() - offset.top + topPadding
                });
            } else {
                $sidebar.stop().animate({
                    marginTop: 0
                });
            }
        });

---

您应该绝对定位需要滚动的框，以便将其从页面流中拉出。然后，您可以更紧密地控制该框的位置，并防止其将页脚进一步向下推。

是的，我想我必须将其更改为绝对定位。我有限的javascript知识可能会妨碍我，但确切地知道我需要做什么会有所帮助。我会研究并弄清楚的。谢谢