Скрыть полосу прокрутки в IE - PullRequest
Новая
       3

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

30 голосов
/ 30 августа 2011

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

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

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

Ответы [ 6 ]

71 голосов
/ 09 марта 2015

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

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

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

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

Ссылка

19 голосов
/ 30 августа 2011

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

<body scroll="no">

РЕДАКТИРОВАТЬ:

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

html, body { overflow: hidden; }
6 голосов
/ 09 июня 2015

Этот 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; }
2 голосов
/ 31 мая 2014

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

2 голосов
/ 08 марта 2013

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

body { overflow-x:hidden; }

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

0 голосов
/ 06 декабря 2014

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

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

, а затем 

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...