Safari“位置：固定”在滚动条上重叠

Question

在Safari（Mac）**上，当我在Bhooks.com上滚动时，卡片与网页的页脚和页眉重叠（位置：固定）。到目前为止，我仍无法弄清原因，并希望在这里找到帮助。

为了确保安全，我还将Bootstrap升级到了最新版本。

以下是问题的屏幕截图：

我知道这是一个非常具体的错误，并且我没有一个最小的示例（因为在Mac VM上进行开发是一场噩梦）。但是至少该问题易于访问且易于调试。

感谢您的帮助！

**在我的情况下，带有Safari 12.0.3的macOS mojave 10.14.3

Answer 1

这绝对是Safari中的 z-index 订单问题。试试这个CSS：

.bhooksBookCard {
  -webkit-transform: translate3d(0,0,0);
}

在(See more information here)中找到此解决方案

请尝试让我知道它是否解决了您的问题。在检查器中进行了测试，似乎可以正常工作。

Answer 2

https://weblog.west-wind.com/posts/2015/jun/05/ipad-scroll-issues-with-fixed-content

检查一下

消除溢出：自动和–webkit-overflow-scrolling：触摸与重叠标签平行的容器将为您提供帮助

但是，某些滚动问题可能仍然存在