kunitsyndenis
@kunitsyndenis
motive.cafe

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

Друзья подскажите как сделать блочный скролл страницы с анимацией перехода?
Вот пример сайта известной студии www.plasticbcn.com
Хочу реализовать подобный скролл на сайте, необязательно именно с такой анимацией но и не с совсем простой по типу fadeIn-Out. Все известные мне библиотеки позволяющие делать блочный скролл не поддерживают интересной анимации между переходами. Принимаю любые подсказки возможно литература можно на английском не важно, где можно об этом почитать? или же рабочие варианты ?
  • Вопрос задан
  • 555 просмотров
Пригласить эксперта
Ответы на вопрос 2
@the_wind96
fullpage.js вот самый простой вариант и вот ещё multiScroll.js
Ответ написан
Eridani
@Eridani
Мимо проходил
Напишите свой фуллпейдж, как вариант, т.е. прокрутку, например, 100vh || window innerheight. - Такой код наверняка найдете тут или стаке.
Вкупе с плагином in-view, который позволяет определить, какой селектор сейчас находится в зоне видимости => делать соответствующие правки над активным и над соседскими блоками, и тут уже воля фантазии, jquery дает вам возможность издеваться над всем css, использовать тот же присловутый .animate, ну и не забывать про transform, у которого хватает всяких параметров, чтобы произвести подобные метаморфозы, например translate3d
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 08:04
1 руб./за проект
22 нояб. 2024, в 06:06
1500 руб./в час
22 нояб. 2024, в 06:04
1 руб./за проект