Является ли Intersection Observer API единственным способом анимации прокрутки? - PullRequest
0 голосов
/ 01 апреля 2020

Я сталкивался со многими из этих сайтов, на которых есть анимация, которая запускается при прокрутке. На самом деле я сначала подумал, что мы сделали это в javascript, рассчитав положение курсора относительно страницы веб-сайта, которое мы можем с помощью анимации в каждой позиции.

Но когда я немного погуглил, я нашел этот материал о пересечении наблюдателя. Есть ли какие-либо проблемы с производительностью или что-то вроде моего дальновидного метода?

Примечание: Я ищу способ сделать это без фреймворка.

Ответы [ 2 ]

0 голосов
/ 01 апреля 2020

Если вы ищете готовые к использованию анимации, то библиотека AOS является хорошим примером. Существует множество других библиотек для анимации при прокрутке.

0 голосов
/ 01 апреля 2020

Перед API пересечения наблюдателей вы прослушивали событие scroll и проверяли положение элементов с каждым прокручиваемым пикселем. Это тяжелая работа, и ее часто называют! Обозреватели пересечений предназначены для эффективного решения этой проблемы. Вы не получите лучшую производительность от альтернативы.

Вам не нужен каркас. API является родным для вашего браузера (учитывая, что у вас есть поддержка).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...