Нужно заголовок анимации, как этот http://www.studio-neko.fr/, к моему изображению (высота 100vh), размещенному в верхней части устройства отображения. Как это реализовать? У кого-то есть идея? Спасибо.Элемент смещения в другом элементе в прокрутке
ответ
Насколько я мог видеть, осматривая свой код (нажав 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 файлы, которые сайт использует, но это, вероятно, один отвечает за эти анимации
Я надеюсь, что это помогает.
- 1. Как изменить элемент в другом элементе
- 2. Wrap DOM-элемент в другом элементе DOM в PHP
- 3. Исправить элемент в родительском элементе
- 4. Попытка добавить элемент полимера в другом элементе Polymer
- 5. Выберите элемент, идентификатор которого является атрибутом в другом элементе
- 6. Создать элемент в другом элементе div с использованием имени класса
- 7. XPath: проверить, если элемент находится в другом элементе
- 8. Добавить класс в элемент при щелчке на другом элементе
- 9. Пользовательский элемент управления не отображается в другом пользовательском элементе управления
- 10. Вращение диапазона в CSS в другом элементе
- 11. Индикатор прогресса в элементе списка исчезает при прокрутке
- 12. После fadeIn в другом элементе слайды вниз
- 13. Повторяющийся текст ввода в другом текстовом элементе
- 14. Обновить ListView в другом элементе ListView SelectionChanged
- 15. Создать HTML-элемент в прокрутке
- 16. Как сохранить элемент в прокрутке?
- 17. Элемент смещения элемента Stellar.js
- 18. C# транспортир - Поиск элементы в другом элементе
- 19. плавающий элемент в центрированном элементе
- 20. Абсолютный элемент в прокручиваемом элементе
- 21. Ловля элемент в повторяющемся элементе
- 22. Прозрачный элемент в непрозрачном элементе
- 23. Затухание в другом логотипе на прокрутке
- 24. Нажмите на элемент, запускающий щелчок на другом элементе [JQuery]
- 25. XPath, чтобы найти элемент, основанный на другом элементе XPath
- 26. элемент на другом элементе и зафиксирован на нижней части
- 27. Смещения смещения в css
- 28. Элемент смещения и позиции клиента в BHO
- 29. Как закрыть другой элемент при щелчке на другом элементе
- 30. Почему нет iframe в другом элементе div?
Dmytro, что вы думаете о моем посте? – awdk