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

Question

我正在使用JavaScript在滚动时将div向下移动到页面上。 我在网上找到了代码，并且可以满足我的需要。 我遇到的问题是屏幕分辨率较低（ipad），您必须向下滚动才能看到页脚越过主要内容区域，滚动div向下推以进入屏幕，更改div和正文的高度，这使您能够无休止地向下滚动页面。 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

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