在iOS上的Safari：如何防止底层页面/主页滚动但超出叠加层。叠加层应该可以滚动

Question

仅适用于iOS：将叠加层添加到Web HTML用户界面时，您无法通过设置主体或html上隐藏的溢出来防止参考页面滚动到叠加层之外。在台式机和Android等设备上可以正常工作。

Answer 1

我解决了此问题，即在叠加层出现时将主体的位置设置为固定，并将上，下，左，右的位置设置为0。关闭时，将位置重置为静态。

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