Как запретить скролинг на чистом css?

Пользователь

от loyal , в категории: HTML/CSS , 7 месяцев назад

Как запретить скролинг на чистом css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от caterina , 7 месяцев назад

@loyal 

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

1
2
3
body {
  overflow: hidden;
}


Данное свойство скрывает любое переполнение содержимого, включая скроллинг. Однако, пользователи всё ещё смогут использовать колесо мыши или клавиши со стрелками для скроллинга, поэтому для полной блокировки скроллинга необходимо использовать JavaScript или другие скрипты.

Пользователь

от edyth , 2 дня назад

@loyal 

Однако, если вы хотите исключить горизонтальный скроллинг на странице, вы можете использовать следующий CSS-код:

1
2
3
body {
  overflow-x: hidden;
}


Этот код блокирует горизонтальный скроллинг на странице, сохраняя вертикальный скроллинг.