html - скрыть - убрать скролл страницы




Скрыть полосу прокрутки в IE (4)

В нашем приложении для пользовательского интерфейса мы используем для этого JSF или Prime. Мы хотели бы скрыть полосу прокрутки для нашего приложения, но мы изо всех сил пытаемся добиться этого в Internet Explorer (мы используем IE7).

Есть ли способ предотвратить отображение полосы прокрутки в Internet Explorer? Я попытался overflow: hidden; в CSS, но он не работает.

Я пробовал почти каждый узел в DOM и установил width / height до 100% , с margin: 0px , padding: 0px . Кажется, отлично работает в Firefox, но он не работает в IE7?


В случае, если кому-то все еще нужно решение, это работало для меня:

.container{
    -ms-overflow-style: none;
    overflow: auto;
}

Это изменение позволяет прокручивать контейнер и скрывать бары от IE.

Протестировано на IE 10 && 11.

Reference


Вы можете использовать этот код, внедряя его в тело -

body { overflow-x:hidden; }

Если не взглянуть на макет и посмотреть, есть ли у какого-либо контейнера неблагоприятная ширина чего-то, что немного растягивает макет ...


Убедитесь, что IE не находится в режиме совместимости, прежде чем вы избили себя, пытаясь overflow:hidden;


Этот CSS работает для меня как в Chrome, так и в IE 10:

/* Oculta la scroll-bar pero sigue permitiendo hacer scroll con el mouse */
    body::-webkit-scrollbar { display: none;  }
    html, body { -ms-overflow-style: none; overflow: auto; }




internet-explorer-7