Для блокировки горизонтальной прокрутки в веб-дизайне можно использовать CSS-свойство overflow. 25 Оно определяет, как будет отображаться содержимое блочной структуры, если оно превышает размеры родительского элемента. 2 Значение «hidden» задаёт браузеру инструкцию: отобразить поместившийся контент, а что не влезло — скрыть. 2
Чтобы отключить только горизонтальный скролл, можно использовать свойство overflow-x. 5
Ещё для блокировки прокрутки можно применять JavaScript. 3 Один из вариантов — прослушивать событие wheel на элементе, для которого нужно предотвратить прокрутку, и затем предотвращать поведение по умолчанию, останавливать распространение события и возвращать ложное значение. 3
Также можно кастомизовать системные полосы прокрутки. 2 Гибкую настройку позволяют выполнять браузеры на базе webkit. 2