溢出和滚动？答案

【问题标题】：Overflowing and Scrolling?溢出和滚动？
【发布时间】：2013-06-27 13:59:35
【问题描述】：

我正在尝试在我的一个测试网站上使用简单的抽屉式侧边菜单进行导航。这是链接，http://iamaaron.com/alpha/。

当您单击菜单时，它会按预期将其他所有内容推到右侧...但是，当我在基于触摸的设备上打开菜单时，我仍然可以向右滚动以查看其余内容内容。当侧边菜单打开时，如何禁用其余页面（不包括侧边菜单）的滚动？

jQuery 代码：

    jQuery('#simple-menu').toggleClick(function() {
        jQuery("body").addClass("active");
        jQuery(aPanel).addClass("active");
    }, function() {
        jQuery("body").removeClass("active");
        jQuery(aPanel).removeClass("active");
    });

编辑：

我已经申请了溢出：隐藏；到 page 元素，但该元素仍可在 y 轴和 x 轴上滚动。我想我真正要问的是如何禁用滚动 jQuery。

非常感谢！

【问题讨论】：

标签： javascript jquery menu navigation scroll

【解决方案1】：

您可以取消 aPanel 上的滚动事件。

$(aPanel).on('scroll', function (event) {
    if ($(aPanel).hasClass('active')) {
        return false;
    }
});

【讨论】：

我已经做到了，它不会停止基于触摸的设备上的滚动功能。
哦，现在我知道你的问题了。我将在一秒钟内更新一个不同的答案。
@AaronBrewer 您将其附加到主体而不是面板:)
@AaronBrewer 我检查了脚本，但在任何地方都看不到滚动事件处理程序。
@AaronBrewer 我实际上无法调试您的应用程序。尝试将事件处理程序附加到正在滚动的元素。据我所知，这是带有类页面的 div。

【解决方案2】：

html {
    overflow: hidden;
}

【讨论】：