Іноді нам потрібно додати смугу прокрутки до div або span щоразу, коли текст у div або span переповнюється. смуга прокрутки підтримується в усіх браузерах, таких як IE 5+, FF 3.5+, Safari, Opera тощо. Щоб відобразити смугу прокрутки, нам потрібно вкажіть властивість переповнення css на "visible" або "auto".
Властивість height встановлює висоту div, а властивість overflow-y вмикає вертикальну смугу прокручування. Якщо вміст усередині div перевищує висоту div, смуга прокрутки з’явиться автоматично. Ви можете налаштувати значення висоти відповідно до ваших вимог.
Використовуйте метод addEventListener(), щоб приєднати слухач подій до елемента div з ідентифікатором «scroll-element». Подією, яку потрібно приєднати, є подія прокручування. Оновіть внутрішній вміст елемента div за допомогою класу “output” за допомогою властивості innerHTML.
Ми можемо використовувати комбінацію переповнення-x і переповнення-y щоб розмістити смугу прокручування вертикально, горизонтально або обидва. Для вертикальної смуги прокрутки параметри overflow-x:hidden і overflow-y:auto буде встановлено у файлі CSS, і навпаки для горизонтальної смуги прокрутки.
Увімкніть автоматичне приховування смуг прокрутки в Windows 10
- Натисніть Пуск > Параметри.
- У розділі «Параметри Windows» прокрутіть униз і натисніть «Простий доступ» > «Дисплей».
- Прокрутіть униз і встановіть для параметра Автоматично приховувати смуги прокручування у Windows значення Вимк.
Створіть елемент-контейнер, який буде містити вміст і смугу прокрутки. Це може бути div або будь-який інший елемент HTML. Встановіть висоту елемента контейнера на фіксоване значення та додайте overflow-y: scroll, щоб увімкнути смугу прокрутки. Це дозволить прокручувати вміст вертикально.