所以这就是我的困境。
在移动版Safari中,overflow:hidden;
不能像在桌面上那样工作。在桌面上,将其添加到正文中会禁用浏览器中的滚动,但是您仍然可以在另一个div中滚动,例如抽屉或灯箱。
在移动设备上,您仍然可以通过触摸滚动页面并用手指拖动。
我遇到了一个可能的解决方案:
document.ontouchmove = function(event){
event.preventDefault();
}
但是,这会完全禁用滚动。即使在抽屉或灯箱div中,我仍然需要滚动。
我还遇到了另一个“修复”,人们将position:fixed;
添加到身体。这在我的场景中不起作用,因为用户在打开抽屉/灯箱时可能已经在页面的中间位置。这种方法会将身体置于固定位置,从而失去身体的滚动位置。
如何在移动野生动物园中禁用身体的任何移动/滚动,但仍允许在抽屉/灯箱中滚动?