Как реализовать такой эффект?

Question

[bbquite]

Как реализовать эффект при начале скрола как на этом сайте: тык
При начале прокрутки страница доскроливается автоматом и так же обратно в верх

Answer 1

[Сергей delphinpro]

fullpage.js

Comments

[Rustam Bainazarov]

Добавлю, что есть CSS-механизм для реализации этого, который работает только в современных браузерах:

https://css-tricks.com/practical-css-scroll-snapping/

[Сергей delphinpro]

Рустам Байназаров, В современной опере он не работает

[Rustam Bainazarov]

Сергей delphinpro, потому что китайцы — сволочи, гы-гы, отключили функционал Chrome'a.

[Сергей delphinpro]

Рустам Байназаров, это не аргумент )
Пример занимательный, но только "поиграться", не для прода.

[Rustam Bainazarov]

Сергей delphinpro, смотря для чего. Я сам использую этот плагин, но если нужно просто добавить данный эффект по типу «у кого работает, то хорошо, у кого не будет — ну и пофиг» (т. е. если он не принципиален) и если не надо сложной логики, то я использую CSS-подход.

Тем паче, что поддержка у него на самом деле весьма недурная:
https://caniuse.com/#feat=css-snappoints

Заводится даже на IE11.

P. S. Другое дело, если такой скролл принципиален или есть сложная логика его работы, события смены экранов и т. п.