Javascript 在移动设备上禁用在div中滚动

页面的第一个div的高度为100vh。我想禁用滚动，而这个div占用了视口的所有空间

对于桌面设备，我这样做了，效果很好：

    <div class="overlay" onmouseover="document.body.style.overflow='hidden';"  onmouseout="document.body.style.overflow='auto';">

但它在移动设备上不起作用

---

有什么想法吗？

我想你问的问题不清楚。这是一个覆盖整个屏幕的div，您不希望其内容滚动吗？如果它是一个覆盖图（如类所示），它是有时显示，有时隐藏吗？您可以使用

style=“overflow:hidden；”“

始终禁用此div上的滚动。为什么要更改鼠标事件的样式？只需添加到你的CSS。可能重复的是，我隐藏了两个与z索引后面的另一个div。这都是动画效果的一部分。您可以在此处查看演示：