Как отключить скролл css

Чтобы отключить скролл страницы в CSS, можно использовать свойство overflow для задания свойства hidden. Это свойство скрывает любой контент, который выходит за границы родительского элемента.

Например, если вы хотите отключить скролл на всей странице, вы можете добавить следующее правило в свой CSS файл:

body {
  overflow: hidden;
}

Это скроет скролл на странице, но также отключит и возможность прокрутки страницы. Если вы хотите отключить скролл только для определенного элемента, вы можете применить этот стиль к этому элементу:

.container {
  overflow: hidden;
}

Здесь мы применяем свойство overflow: hidden к элементу с классом container. Это скроет все контент, который выходит за границы элемента с классом container.

Если вы хотите отключить только горизонтальный или вертикальный скролл, вы можете использовать свойства overflow-x и overflow-y. Например:

body {
  overflow-x: hidden; /* отключает горизонтальный скролл */
  overflow-y: scroll; /* включает вертикальный скролл */
}

В этом примере мы отключаем горизонтальный скролл и включаем только вертикальный скролл на странице.

пон