Отключить вертикальную полосу прокрутки при переполнении div: авто

Question

Можно ли разрешить только горизонтальную полосу прокрутки при использовании переполнения: авто (или прокрутка)?

Answer 1

Эти два свойства CSS можно использовать для скрытия полос прокрутки:

overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal

Answer 2

Вы должны использовать только

overflow-y:hidden; - используйте для скрытия вертикальной прокрутки

overflow-x:auto; - Используйте это, чтобы показать горизонтальную прокрутку

Люк упомянул как скрытых. поэтому я дал это отдельно.

Answer 3

переполнение: авто;
overflow-y: скрыто;

Для IE8: -ms-overflow-y: скрыто;

Или еще:

Чтобы скрыть X :

<div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>

Чтобы скрыть Y :

<div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>

Answer 4

Если вы хотите сделать то же самое в Gecko (NS6 +, Mozilla и т. Д.) И IE4 + одновременно, я считаю, что это должно сработать: V

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}

Это будет применяться ко всему тегу body, пожалуйста, обновите его до соответствующего CSS и примените эти свойства.

Answer 5

Добавить следующее:

body{
overflow-y:hidden;
}

Answer 6

Эти правила совместимы со всеми браузерами:

body {overflow: hidden; }
body::-webkit-scrollbar { width: 0 !important; }
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }