2016-05-21 3 views
0

Нужно заголовок анимации, как этот http://www.studio-neko.fr/, к моему изображению (высота 100vh), размещенному в верхней части устройства отображения. Как это реализовать? У кого-то есть идея? Спасибо.Элемент смещения в другом элементе в прокрутке

+0

Dmytro, что вы думаете о моем посте? – awdk

ответ

0

Насколько я мог видеть, осматривая свой код (нажав F12 в Chrome), что сайт использует GSAP Library (TweenMax.min.js)

https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.4/TweenMax.min.js

если открыть https://cdnjs.com/ и посмотреть для TweenMax вы найдете следующее описание:

Подумайте о GSAP как швейцарском армейском ноже анимации ... но лучше. Это анимирует все, что может касаться JavaScript (свойства CSS, библиотека холста объектов, SVG, общие объекты, что угодно), и он решает много ошибок , все с великолепной скоростью (до 20 раз быстрее, чем jQuery). См. http://greensock.com/why-gsap/. Другие библиотеки, такие как jQuery, Velocity, Transit и Zepto только для CSS . Кроме того, их возможности секвенирования и контроля времени исполнения выглядят бледно . Проще говоря, GSAP - самая гибкая высокопроизводительная анимационная библиотека на планете. И в отличие от монолитных фреймворков, таких как Famo.us или Angular, которые определяют, как вы структурируете свои приложения, GSAP просто владеет слоем анимации; посыпать его, где хотите. GSAP означает платформу для анимации GreenSock. Существует плагин jQuery , который захватывает собственный метод jQuery.animate(), так что анимации выполняют намного лучшие и дополнительные свойства, например, цвета, преобразования (2D и 3D), boxShadow, borderRadius, clip и lots more , GSAP не имеет зависимости от jQuery или других библиотек. См. http://greensock.com/gsap/.

Кроме того, есть и другие JS файлы, которые сайт использует, но это, вероятно, один отвечает за эти анимации

Я надеюсь, что это помогает.

Смежные вопросы