Властивості CSS для приховування смуг прокручування браузера Смугу прокручування браузера можна приховати, коли властивості CSS overflow: hidden , overflow-y: hidden або overflow-x: hidden додаються до елемента body (кореневого елемента).20 лютого 2024 р
Щоб приховати смугу прокрутки та вимкнути прокручування, ми можемо використовувати властивість переповнення CSS. Ця властивість визначає, що робити з вмістом, який виходить за межі свого контейнера. Щоб запобігти прокручування за допомогою цієї властивості, просто застосуйте правило overflow: hidden до основного (для всієї сторінки) або елемента контейнера.
Як приховати смуги прокрутки
- тіло { переповнення: приховано; /* Приховати смуги прокрутки */ } Спробуйте самі »
- тіло { переповнення-y: приховано; /* Приховати вертикальну смугу прокрутки */ overflow-x: приховано; /* Приховати горизонтальну смугу прокрутки */ } Спробуйте самі »
- /* Приховати смугу прокрутки для Chrome, Safari та Opera */ .example::-webkit-scrollbar { display: none; }
Натисніть «Пуск» > «Простий доступ». Прокрутіть ліворуч вниз і встановіть або зніміть прапорець Автоматично приховувати смуги прокрутки в Windows. За замовчуванням увімкнено.
Щоб видалити горизонтальне прокручування, ви можете використовуйте властивість CSS overflow-x і встановіть для неї значення "hidden" для елемента, який викликає прокручування.
Ви можете приховати смугу прокручування на елементі, маючи можливість прокручувати, виконавши такі дії:
- Псевдоселектор ::-webkit-scrollbar, який підтримується лише для веб-переглядачів webkit. …
- Властивість -ms-overflow-style: none, яка підтримується лише для Edge та інших застарілих браузерів, таких як IE.