Javascript 防止使用CSS滚动div？

我正在看这个演示页面：

其背后有以下代码：

---

一般来说，它工作得很好，但当我的macbook上的菜单打开时，我可以用两个手指滚动和移动白色body div。如何使用CSS来防止这种情况发生？

如果您总是想防止滚动，可以使用以下方法：

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

请注意，任何超出div边缘的内容都将被隐藏

---

否则，如果您只是在寻找web mobile菜单，请查看

示例URL中的滚动条位于主体中，因此需要在菜单打开时将主体上的overflow属性设置为hidden，在菜单关闭时将其设置为auto

---

在JavaScript文件中，您可以在

jQuery（“汉堡”）中添加
jQuery（document.body）.css（'overflow'，'hidden'）
。单击
函数，然后在
jQuery（'contentLayer'）中添加
jQuery（document.body）.css（'overflow'，'auto'）
。单击
函数。
我怀疑您需要JS来实现这一点。顺便说一句，你试过玩@roko js吗？不需要，看我的简单回答CSS中通常的溢出不起作用。我甚至不确定这是否算作“滚动”，但当我用两个手指在我的轨迹板上时，我可以在屏幕上移动白色内容div（当菜单打开时）。其他人也看到了这个问题吗？隐藏会切断内容是的，如果内容扩展到div之外，它会被切断。好的一点，如果他想切断它，我只是假设他试图杀死滚动条而不是隐藏内容。也许我误解了这是行不通的。我甚至不确定这是否算作“滚动”，但当我用两个手指在我的轨迹板上时，我可以在屏幕上移动白色内容div（当菜单打开时）。其他人也看到这个问题了吗？嗯。。。好主意。这些似乎很有效。好的，我得试试这个。谢谢@DylanWatson。这会导致滚动条暂时隐藏和显示，这不是最佳的用户体验。