在移动设备上禁用div滚动

Question

页面的第一个div的高度为100vh。我想在此div占用视口的所有空间时禁用滚动。

对于台式设备，我做到了，并且效果很好：

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

但是它不适用于移动设备。

有什么想法吗？