html - 在 iOS 上，Safari：如何防止底层页面/主页滚动但超出覆盖范围。覆盖应该能够滚动

Question

仅适用于 iOS：当您将叠加层添加到 Web HTML 用户界面时，您无法通过在 body 或 html 上设置 overflow: hidden 来阻止底层页面滚动到叠加层之外。这在桌面和 Android 等上运行良好。

标签： htmlioscsssafaricross-browser

Answer 1

我解决了这个问题，当覆盖层出现时，将主体的位置设置为固定，并将顶部、底部、左侧、右侧设置为 0。关闭时将位置重置为静态。

body {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  }