防止用CSS滚动div？

Question

我正在查看此演示页：

http://www.ymc.ch/sandbox/hamburger/mobile-menu-demo.html

背后有这个代码：

https://github.com/ymc-thzi/mobile-menu-hamburger

一般来说它效果很好但是当我的macbook上的菜单打开时，我可以用两根手指滚动并移动白色的身体div。我怎么能阻止使用CSS？

Answer 1

如果您总想阻止滚动，可以使用以下内容：

div {
  overflow-x: hidden;
  overflow-y: hidden;
}

请注意，任何超出div边缘的内容都是hidden：）

否则，如果您只是在寻找网络移动菜单，请查看jQuery mobile。

Answer 2

示例网址中的滚动条位于正文中，因此您需要在菜单打开时将主体上的overflow属性设置为隐藏，并在菜单关闭时将其设置为自动。

在JavaScript文件中，您可以在jQuery(document.body).css('overflow', 'hidden')函数中添加jQuery("#hamburger").click，在jQuery(document.body).css('overflow', 'auto')函数中添加jQuery("#contentLayer").click。