在移动版Safari中禁用正文滚动,但允许在另一个div中

时间:2016-03-31 18:41:59

标签: ios ipad mobile mobile-safari

所以这就是我的困境。

在移动版Safari中,overflow:hidden;不能像在桌面上那样工作。在桌面上,将其添加到正文中会禁用浏览器中的滚动,但是您仍然可以在另一个div中滚动,例如抽屉或灯箱。

在移动设备上,您仍然可以通过触摸滚动页面并用手指拖动。

我遇到了一个可能的解决方案:

document.ontouchmove = function(event){
    event.preventDefault();
}

但是,这会完全禁用滚动。即使在抽屉或灯箱div中,我仍然需要滚动。

我还遇到了另一个“修复”,人们将position:fixed;添加到身体。这在我的场景中不起作用,因为用户在打开抽屉/灯箱时可能已经在页面的中间位置。这种方法会将身体置于固定位置,从而失去身体的滚动位置。

如何在移动野生动物园中禁用身体的任何移动/滚动,但仍允许在抽屉/灯箱中滚动?

0 个答案:

没有答案