溢出和滚动？

Question

我在我的一个测试网站上尝试使用简单的抽屉侧面菜单进行导航。这是链接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");
    });

编辑：

我申请了溢出：隐藏;到页面元素，但该元素仍可在y轴和x轴上滚动。我想我真正想问的是如何禁用滚动浏览jQuery。

非常感谢你！

Answer 1

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

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

Answer 2

html {
    overflow: hidden;
}