防止用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

示例URL中的滾動條位於正文中，因此您需要在菜單打開時將主體上的overflow屬性設置為隱藏，並在關閉菜單時將其設置為auto。

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