luspi
@luspi
Front-end developer

Как реализовать параллельное окрашивание линии по скроллу страницы?

Через всю страницу сайта проходит извилистая пунктирная линия и на ней точка в самом начале, при пролистывании страницы точка перемещается вдоль пунктирной линии, делая ее ярче. Как такое можно реализовать?
  • Вопрос задан
  • 71 просмотр
Решения вопроса 1
RAX7
@RAX7
  1. Кривую проще нарисовать на js. Добавить в разметку элементов, которые будут служить опорными точками для кривой и построить сглаженную кривую, например этим способом
  2. Перемещать точку по кривой можно с помощью метода getPointAtLength - он вернет координаты точки
  3. Для того чтобы точка оставалась во вьюпорте и не уезжала за его границы нужно отключить нативный скрол и скролить страницу так, чтобы точка была вертикально по центру

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы