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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

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

@loyal 

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

1
2
3
body {
  overflow: hidden;
}


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