Как скрыть скролл CSS

Для скрытия скроллбара в CSS можно использовать свойство overflow и задать значение hidden для оси, на которой нужно скрыть скролл. Например:

body {
  overflow-y: hidden; /* скрываем вертикальный скроллбар */
}

/* или */

div {
  overflow-x: hidden; /* скрываем горизонтальный скроллбар */
}

Если нужно скрыть скроллбар, но при этом сохранить возможность прокручивания контента, можно использовать свойство -webkit-scrollbar и задать ему значение none:

body::-webkit-scrollbar {
  display: none; /* скрываем скроллбар */
}
реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как скрыть скролл CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали