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

Question

我有一个适用于所有浏览器的网站，除了在Safari上。在safari上，我可以水平滚动数千个像素。

有人遇到过这个问题吗？

Answer 1

我看过您的网站，似乎您没有为overflow-x: hidden标记声明html。请做。它似乎解决了这个问题。

Answer 2

尝试了上面提供的答案，但没有解决我的问题，因此我将在这里将我的研究/解决方案留给以后寻求帮助的任何其他人。

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

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

OR

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

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

Answer 3

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

position:relative;
overflow-x:hidden;

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