Как реализовать блочный скролл с анимацией!?

Question

[Denis Kunitsyn]

Друзья подскажите как сделать блочный скролл страницы с анимацией перехода?
Вот пример сайта известной студии www.plasticbcn.com
Хочу реализовать подобный скролл на сайте, необязательно именно с такой анимацией но и не с совсем простой по типу fadeIn-Out. Все известные мне библиотеки позволяющие делать блочный скролл не поддерживают интересной анимации между переходами. Принимаю любые подсказки возможно литература можно на английском не важно, где можно об этом почитать? или же рабочие варианты ?

Answer 1

[OGladkiy]

fullpage.js вот самый простой вариант и вот ещё multiScroll.js

Comments

[Denis Kunitsyn]

Как уже говорил меня интересует именно анимация перехода, а о куче библиотек блочного скролла без особой анимации я и сам знаю :) но спасибо за ответ

Answer 2

[Антон]

Напишите свой фуллпейдж, как вариант, т.е. прокрутку, например, 100vh || window innerheight. - Такой код наверняка найдете тут или стаке.
Вкупе с плагином in-view, который позволяет определить, какой селектор сейчас находится в зоне видимости => делать соответствующие правки над активным и над соседскими блоками, и тут уже воля фантазии, jquery дает вам возможность издеваться над всем css, использовать тот же присловутый .animate, ну и не забывать про transform, у которого хватает всяких параметров, чтобы произвести подобные метаморфозы, например translate3d