Блог

Главная - Вопросы по программированию - Целевой клонированный элемент для временной шкалы GSAP, который запускается только при нажатии

Целевой клонированный элемент для временной шкалы GSAP, который запускается только при нажатии

#javascript #clone #gsap

Вопрос:

Определите анимацию GSAP для запуска для определенной цели. В настоящее время все содержимое плитки исчезает, но должно быть только для одного клика. Check out the codepen

Обновление: Я решил свою проблему, нацелившись на клонированный элемент: добавив

  let cloneAnimation = clone.querySelector('.tile .inner-content');
        gsap.to(cloneAnimation, {
            duration: 2.0,
            opacity: 0
        })

Кодовый набор

Комментарии:

1. Не используйте универсальную строку селектора. Используйте селектор, привязанный к плитке, которую вы хотите анимировать.

2. Эй, спасибо, что посмотрели. Он должен быть общим, потому что в моем проекте может быть 100 плиток. Все работает нормально, за исключением возможности нацеливаться на клонированную плитку с помощью временной шкалы GSAP.

3. Вы можете использовать. Запрашивайте все с любым элементом в качестве начального элемента, а не только с документом. Сделай это

4. Все разобрано и теперь отлично работает. Проверьте кодовую строку. Спасибо

Метки: ,