Overflow-x:隐藏在Chrome中无效

Question

我已将此属性应用于元素:body并且htmlChrome仍然允许我在x轴上滚动.我已经在Safari和Firefox中测试了它,并禁用了x轴滚动...

谁知道我错过了什么？

NB使用overflow: hidden有效,但我希望人们能够在y轴上滚动.

谢谢!

Answer 1

您可以使用

html { overflow-x: hidden; }?

Answer 2

当我试图隐藏一些我/知道/会比移动设备上的身体更宽的图像时，我刚刚遇到了这个问题。

最初我只是有：

body { overflow-x: hidden; }

这在 Chrome 中不起作用，但在 IE 10 中起作用。

但是，如果您还添加了：

html { overflow-x: hidden; }

图像在两个浏览器中都正确隐藏。

Answer 3

@Nelson由于指出了这一点，问题似乎不再存在。您可以在此处看到代码正常工作： http: //jsfiddle.net/H84pr