Как отключить горизонтальный скролл в css?

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

от jaren , в категории: HTML/CSS , 3 года назад

Как отключить горизонтальный скролл в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от rupert.collins , 3 года назад

@jaren  Отключить горизонтальный скролл в css можно следующим образом:


1
<body style='overflow-x:hidden;'>


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

от gussie.jones , год назад

@jaren 

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

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


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


Например, чтобы отключить скролл в блоке с классом .container, нужно использовать такой код:

1
2
3
.container {
  overflow-x: hidden;
}