Overflow-x:隐藏在Chrome中无效

时间:2012-03-02 12:16:53

标签: google-chrome scroll overflow

我已将此属性应用于元素:bodyhtml,Chrome仍会让我在x轴上滚动。 我在Safari和Firefox中测试了它,x轴滚动被禁用了......

任何人都知道我缺少什么?

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

谢谢!

3 个答案:

答案 0 :(得分:5)

您可以使用

html { overflow-x: hidden; }​

答案 1 :(得分:3)

我在尝试隐藏一些我/知道/比手机上的身体更宽的图像时遇到了这个问题。

最初我只是:

body { overflow-x: hidden; }

这在Chrome中无效,但在IE 10中也有效。

但是,如果您还添加了:

html { overflow-x: hidden; }

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

答案 2 :(得分:2)

由于@Nelson指出了问题,问题似乎不再存在。 您可以在此处看到代码正常运行:http://jsfiddle.net/H84pr