Как работает вертикальное прокручивание на сайтах?

Вертикальное прокручивание на сайтах работает следующим образом: пользователь свайпает по дисплею смартфона пальцем сверху вниз или крутит колёсико мыши, в результате чего страница прокручивается. media.contented.ru

Для обеспечения вертикальной прокрутки в элементе <div>, не изменяя его размеров, следует установить свойство overflow-y: scroll в сочетании с определённой высотой или max-height. sky.pro

Чтобы исключить нежелательное появление горизонтальной прокрутки, нужно добавить overflow-x: hidden, таким образом ограничив ширину элемента. sky.pro

Также можно использовать свойство overflow: auto, чтобы скроллбары появлялись только в случае необходимости. sky.pro

Ещё один приём в веб-дизайне — сочетание горизонтальной и вертикальной прокрутки. dzen.ru Переходы из горизонтального скролла в вертикальный и наоборот вносят разнообразие в изучение контента и добавляют эффект неожиданности. dzen.ru