Как работает скролл?

Question

[Гарольд]

Как скроллится полностью скролится видимая часть блока или секции при разовой прокрутки колеса мыши?
на данном примере

UPD: без плагинов fullpage и т.д.

Answer 1

[Grigruss]

Стилями. Используется фиксированный див, внутри которого прокручивается вложенный див с фиксированной высотой. Затемнение вначале прокрутки задано через JS или JQuery. Например .animation().

Answer 2

[Сергей delphinpro]

Например, один из вариантов (как вы понимаете не единственный):

див-обертка с oveflow:hidden, position:relative и фиксированной высотой.
внутри абсолютно позиционированный див. у него transition: top 0.5s ease
на обертке висит обработчик mousewheel в котором у абсолютного дива меняется свойство top скачками по 100%.