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

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

5 84
html css scroll scrollbar

5 ответов:

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

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

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

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

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

лука упомянул, как оба скрыты. поэтому я дал это отдельно.

36

переполнение: авто;
overflow-y: hidden;

для IE8: - ms-overflow-y: hidden;

Или Еще :

чтобы скрыть 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>
18

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

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

Это будет применено ко всему тегу тела, обновите его до вашего соответствующего css и примените эти свойства.

8

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

body{
overflow-y:hidden;
}
0