Javascript 在mobile safari中防止模式屏幕滚动

我在一个移动页面上工作，当用户转向横向模式时，我想显示一个类似模式的屏幕。我正在拍摄一个div，基本上它会遮住屏幕，但问题是在safari中，用户可以滚动到div的顶部或底部，它会使屏幕向上滑动，显示下方的内容，然后反弹

它的css如下所示

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

---

我读过一些答案，这些答案使我们能够在体内禁用这个功能，但不能用于其他元素。这是否可能在特定的div上禁用这种奇怪的滚动效果，或者有解决方法吗？

您的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; 
  }

尝试：

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

---

您能添加接近实际情况的工作代码段吗？