Когда я устанавливаю overflow: scroll
, я получаю горизонтальную и вертикальную полосы прокрутки.
Есть ли способ удалить горизонтальную полосу прокрутки в div?
Когда я устанавливаю overflow: scroll
, я получаю горизонтальную и вертикальную полосы прокрутки.
Есть ли способ удалить горизонтальную полосу прокрутки в div?
overflow-x: hidden;
Не забудь написать
overflow-x: hidden;
Код должен быть:
источник
С
overflow-y: scroll
, вертикальная полоса прокрутки всегда будет там, даже если она не нужна. Если вы хотите, чтобы y-полоса прокрутки была видна только тогда, когда это необходимо, я обнаружил, что это работает:источник
CSS
Смотрите на jsFiddle .
Обратите внимание, что при удалении
-y
изoverflow-y
свойства отображается горизонтальная полоса прокрутки.источник
Добавьте этот код в свой CSS. Это отключит горизонтальную полосу прокрутки.
источник
Без прокрутки (без указания x или y):
Убрать горизонтальную прокрутку:
Убрать вертикальную прокрутку:
источник
Чтобы скрыть горизонтальную полосу прокрутки, мы можем просто выбрать полосу прокрутки необходимого div и установить ее на
display: none;
Следует отметить, что это будет работать только для браузеров на основе WebKit (например, Chrome), поскольку для Mozilla такой опции нет.
Чтобы выбрать полосу прокрутки, используйте
::-webkit-scrollbar
Итак, окончательный код будет таким:
источник
Чтобы удалить горизонтальную полосу прокрутки, используйте следующий код. Работает на 100%.
источник
Если у вас ничего не выходит за границы горизонтали, вы также можете просто использовать
и полосы прокрутки будут отображаться только при необходимости.
См. Свойство CSS Overflow
источник
Использование:
Это покажет вертикальную полосу прокрутки и только в случае вертикального переполнения, в противном случае она будет скрыта.
Если у вас есть переполнение по оси x и y, то будут отображаться полосы прокрутки x и y.
Чтобы скрыть полосу прокрутки x (горизонтальную), даже если она есть, просто добавьте:
источник
Чтобы скрыть свое
scrollbar
, но сохранить поведение.На это есть ограничения.
источник
Используйте этот фрагмент кода ..
источник
У меня были проблемы, когда я использовал
Но я знал, что CSS это не очень нравится, и он не работал на 100% так, как я хотел.
Однако это идеальное решение, поскольку ни один из моих материалов не должен быть больше, чем предполагалось, и это устранило мою проблему.
источник