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

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

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

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

Ответы

Ответ 1

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

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

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

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

Ссылка

Ответ 2

Трудно сказать, не видя кода! Сказав это, вы можете попробовать использовать "Расширенные атрибуты", которые Microsoft представила для Internet Explorer.

<body scroll="no">

EDIT:

Вы также можете попробовать установить свойство переполнения html-страницы в CSS так.

html, body { overflow: hidden; }

Ответ 3

Этот 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; }

Ответ 4

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

body { overflow-x:hidden; }

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

Ответ 5

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

Ответ 6

Я не могу предоставить простое решение CSS, но если вы используете jQuery, легко установить вычисленную ширину и высоту тела таким образом:

$("body").css({"width": body.width()+"px", "height": body.height()+"px"})

а затем

$("body").css({"overflow": "hidden"});

работал также в IE (по крайней мере, в IE9 +). Моя цель состояла в том, чтобы временно не прокручивать страницу (когда был показан пользовательский диалог с собственной возможностью прокрутки). И когда пользовательский диалог был закрыт, я reset атрибут body style к его предыдущему состоянию (чтобы удалить вычисленную ширину и высоту тела).