防止模态屏幕在移动野生动物园中滚动

Question

我在移动页面上工作，当用户选择横向模式时，我想要显示类似模式的屏幕。我正在使用div并且基本上让它掩盖了屏幕，但问题是在safari中，用户可以滚动到div的顶部或底部，它使屏幕向上滑动并显示它下面的内容然后反弹。 / p>

它的css看起来像这样

{
  div {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
} 

我已经阅读了答案，可以在正文中禁用它，但不能用于其他元素。这是否可以在特定的div上禁用这种奇怪的滚动效果，或者有解决方法吗？

Answer 1

您的CSS无效，但您的关闭。实现你想要的实际CSS需要类似于：

div {
    height: 100%;
    width: 100%;
    /* only the y axis (up down) has scroll and we only want that when the contents go out of bounds so the proper css property and value is to disable all scrolling just use the autoflow prop */
    overflow-y: hidden; 
  }

Answer 2

尝试：

div {
    height: 100%;
 width: 100%;
overflow: hidden; 
position:fixed;
 }