0

我正在为我的一个测试网站上的导航尝试一个简单的抽屉侧菜单。这是链接， 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。

非常感谢！

4

2 回答 2

1

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

$(aPanel).on('scroll', function (event) {
    if ($(aPanel).hasClass('active')) {
        return false;
    }
});
于 2013-06-27T14:02:15.473 回答
1 
html {
    overflow: hidden;
}
于 2013-06-27T14:12:41.283 回答