当屏幕分辨率高度太小而无法适应滚动 div 时，如何让可滚动 div 不向包含 div 添加高度？

Question

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

我正在处理的页面是http://gwa-inc.com/pages.aspx?pid=31&name=Americana

如果您缩小浏览器窗口高度并向下滚动页面，您就会明白我在说什么。有没有我遗漏的简单解决方法？

正在使用的脚本是：

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
                });
            }
        });

Answer 1

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