CSS Отключенная прокрутка

Я столкнулся с проблемой с одним из наших веб-сайтов:

В IE9 страница имела вертикальную полосу прокрутки, но вы не могли использовать колесико мыши, клавиши со стрелками, pgup/pgdwn для прокрутки. Единственный способ прокрутки - это на самом деле щелкнуть/удерживать и перемещать полосу прокрутки.

Я удалил из css следующее:

{
    overflow-x: hidden;
}

Затем прокрутка работала, как обычно. Кто-нибудь еще сталкивался с этим? Кажется странным, поскольку overflow-x должен скрывать горизонтальную полосу прокрутки? Почему это влияет на вертикаль?

Я пробовал это на тестовой странице, и он действует так, как ожидалось. Поэтому это должно быть сочетание вещей.

Ответ 1

Попробуйте использовать следующий фрагмент кода. Это должно решить вашу проблему.

body, html { 
    overflow-x: hidden; 
    overflow-y: auto;
}

Ответ 2

overflow-x: hidden;
будет скрывать любую вещь на оси x, которая выходит за пределы элемента, поэтому нет необходимости в горизонтальной полосе прокрутки, и она будет удалена.

overflow-y: hidden;
будет скрывать любую вещь по оси y, которая выходит за пределы элемента, поэтому нет необходимости в вертикальной полосе прокрутки, и она будет удалена.

overflow: hidden;
удалите обе полосы прокрутки

Ответ 3

Я использую iFrame для вставки содержимого с другой страницы, и упомянутый выше CSS НЕ работает должным образом. Я должен использовать параметр scrolling = "no", даже если я использую HTML 5 Doctype