overflow-x：隐藏，在 safari 中不起作用

Question

我有一个网站可以在除 Safari 之外的所有浏览器上运行良好。在 Safari 上，我可以水平滚动数千个像素。

有人遇到过这个问题吗？

Answer 1

在您的网站上，您还没有为 html 标签声明 overflow-x: hidden。添加它似乎可以解决问题。

Answer 2

尝试了上面提供的答案，但它没有解决我的问题，所以我将把我的研究/修复留在这里，以供将来寻求帮助的任何其他人使用。

我读到 Safari 在渲染时显然会忽略溢出，所以您必须更好地定位 body？我给 body 一个 class 并输入下面的代码，这解决了我的问题。

html, body {
 position:relative;
 overflow-x:hidden;
}

或

html, .custom-body-class {
 position:relative;
 overflow-x:hidden;
}

希望这对某人有所帮助...

Answer 3

这有点旧，但我最近偶然发现了这个问题，而且所选的答案对我不起作用。在设置相对于 body 的位置时，jakelovelocks 的回答也给了我一些错误。所以我的解决方案是在页面周围创建一个包装器，然后添加：

position:relative;
overflow-x:hidden;

到那个包装器而不是 body。它现在运行良好，没有任何问题。