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

Question

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

有人遇到过这个问题吗？

Answer 1

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

Answer 2

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

我读到 Safari 在渲染时显然会忽略溢出，因此您必须更好地瞄准身体？我给身体一个类并输入下面的代码，这解决了我的问题。

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

或者

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

希望这可以帮助某人...

Answer 3

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

position:relative;
overflow-x:hidden;

到那个包装纸而不是主体。现在它工作得很好，没有任何问题。