Overflow-x: скрытый не работает в Chrome

Question

Я применил это свойство к элементам: body и html и все же Chrome позволит мне прокручивать по оси X Я тестировал его в Safari и Firefox, и прокрутка по оси X отключена ...

Кто-нибудь знает, что мне не хватает?

N.B. Использование 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