防止用CSS滚动div?

aso*_*erg 7 html javascript css

我正在看这个演示页面:

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

其背后有这个代码:

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

一般来说它工作得很好但是当我的macbook上的菜单打开时,我可以用两根手指滚动并移动白色的身体div.我怎么能阻止使用CSS?

Dyl*_*son 8

如果您总是想要阻止滚动,可以使用以下内容:

div {
  overflow-x: hidden;
  overflow-y: hidden;
}
Run Code Online (Sandbox Code Playgroud)

请注意,任何超出div边缘的内容都将是hidden:)

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

  • 这不起作用.我甚至不确定这是否算作"滚动",但是当我在我的触控板上使用两根手指时,我可以在屏幕上移动白色内容div(当菜单打开时).其他人也看到了这个问题吗? (2认同)