Отключить вертикальную полосу прокрутки на div с overflow: авто
можно ли разрешить только горизонтальную полосу прокрутки при использовании overflow: auto (или scroll)?
5 ответов
эти два свойства CSS можно использовать для скрытия полос прокрутки:
overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal
вы должны использовать только
overflow-y:hidden;
- используйте это для скрытия вертикальной прокрутки
overflow-x:auto;
- используйте это, чтобы показать горизонтальную полосу прокрутки
Люк упомянул, что оба скрыты. поэтому я дал это отдельно.
переполнение: авто;
переполнение-й: скрытый;
для 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>
Если вы хотите выполнить то же самое в Gecko (NS6+, Mozilla и т. д.) и IE4+ одновременно, я считаю, что это должно сделать трюк:V
body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}
Это будет применено ко всему тегу тела, обновите его до соответствующего css и примените эти свойства.