Несколько способов скрыть полосу прокрутки в HTML-документе:
- Использование свойства overflow в CSS. 12 Оно определяет, как будет отображаться содержимое блочной структуры, если оно превышает размеры родительского элемента. 2 Значение «hidden» задаёт браузеру инструкцию: отобразить поместившийся контент, а всё, что не влезло, — скрыть. 2
- Применение свойств overflow-y и overflow-x. 12 Первое свойство скрывает вертикальную полосу прокрутки, второе — горизонтальную. 12
- Использование псевдоэлементов полосы прокрутки. 3 Например, в браузере WebKit можно скрыть полосу прокрутки с помощью правила:
#элемент::-webkit-полоса прокрутки { отображение: отсутствует; }
. 3 - Применение свойства scrollbar-width. 3 Например, в Firefox 64 для скрытия полосы прокрутки нужно использовать код:
#элемент { ширина полосы прокрутки: отсутствует; }
. 3
Важно учитывать, что CSS не скрывает полосы прокрутки, а создаёт браузеру условия, при которых нет необходимости их выводить. 2 Это может привести к тому, что «не вмещающийся контент» будет недоступен для просмотра. 2