Как скрыть скроллбар?

Всем привет!

Сегодня узнаем, как можно с помощью CSS скрыть полосу прокрутки.

body {
  overflow: hidden; /* Скрываем scrollbars */
}

Чтобы скрыть только вертикальную или только горизонтальную полосу прокрутки, можно использовать:

body {
  overflow-y: hidden; /* Скрываем вертикальный scrollbar */
  overflow-x: hidden; /* Скрываем горизонтальный scrollbar */
}

Скрываем скроллбар, но сохраняем возможность прокрутки

Чтобы скрыть скроллбар, но сохранить возможность скролить содержимое, можно использовать следующий код:

/* Скрываем scrollbar для Chrome, Safari и Opera */
.example::-webkit-scrollbar {
  display: none;
}

/* Скрываем scrollbar для IE, Edge и Firefox */
.example {
  -ms-overflow-style: none;  /* IE и Edge */
  scrollbar-width: none;  /* Firefox */
}