it-swarm.com.ru

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

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

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

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

{
    overflow-x: hidden;
}

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

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

28
Sheff

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

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

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

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

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

16
Martin

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

2
Roman