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

Question

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

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

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

{
    overflow-x: hidden;
}

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

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

Answer 1

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

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

Answer 2

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

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

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

Answer 3

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