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

Question

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

我还将 Bootstrap 升级到了最新版本，只是为了确定一下。

问题截图如下：

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

感谢您的帮助！

** 在我的例子中，macOS mojave 10.14.3 和 Safari 12.0.3

Answer 1

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

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

中找到此解决方案

请尝试让我知道它是否解决了您的问题。在检查员中进行了测试，似乎有效。

Answer 2

看看这个，

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

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

Answer 3

更好的解决方案是如果可能的话，简单地将 position:fixed 替换为 position:absolute。