IE10 останавливает полосу прокрутки от появления содержимого и исчезает

Если вы перейдете на любой веб-сайт с контентом, который вызывает вертикальную полосу прокрутки в ie10 (рабочий стол), например http://www.buildwindows.com/, вы заметите, что только полоса прокрутки появляется, когда вы наводите курсор на окно.

Есть ли способ заставить панель прокрутки отображаться всегда? Я беспокоюсь, что это делает его менее очевидным, что на странице больше контента.

Спасибо

Ответы

Ответ 1

Для настройки: пользовательский префикс CSS с привилегиями:

html {
   -ms-overflow-style: scrollbar;
}

Другие варианты включают auto, none, scrollbar и -ms-autohiding-scrollbar. Последнее вызывает поведение, которое вы испытываете.

Выдержка из документации MSDN, в частности, упомянутое выше значение scrollbar:

Указывает, что элемент отображает классический элемент управления полосой прокрутки, когда его содержимое переполняется.

В отличие от -ms-autohiding-scrollbar, полосы прокрутки на элементах с свойством -ms-overflow-style, установленными на scrollbar, всегда появляются на экране и не исчезают, когда элемент неактивен.

Ответ 2

Это должно сделать трюк, медиа-запрос предотвратит исчезновение прокрутки, когда экран больше 992px. (Я полагаю, что мобильному устройству Windows требуется это для скрытия полосы прокрутки, поэтому я сделал запрос на мультимедиа).

@-ms-viewport {
  width: device-width;  
}
@media (min-width: 992px) {
  @-ms-viewport {
    width: auto !important;
  }
}

Ответ 3

стиль css

overflow-y:scroll;

приведет к тому, что элемент, для которого он установлен, всегда имеет вертикальную полосу прокрутки

Ответ 4

Я добавил это в элемент html, т.е. html {-ms-overflow-style: scrollbar;}, и это сработало для меня.

Ответ 5

Добавление работы META-Tag:

<meta http-equiv="X-UA-Compatible" content="IE=9">