какие изменения вносит .seek ()? - PullRequest
Новая
       79

какие изменения вносит .seek ()?

0 голосов
/ 30 мая 2020

У меня вопрос о gsap.timeline.seek ().

Я не получил документации по аргументу seek ().

Там написано:

.seek (position: *, suppressEvents: Boolean): self [override] Переход к указанному c времени (или метке), не влияя на то, приостановлен или отменен экземпляр.

Это заставляет временную шкалу двигаться прямо к точке, указанной в 'seek', хотя я не вижу этого прыжка в следующем коде. 

    .set($h1, {y: '-=40px'})
    .to($Petr, 0.8, {x: '1000%', ease: Power4.easeInOut})
    .fromTo($h1, 0.5, {x: '-46%', autoAlpha: 0}, {x: '-50%', autoAlpha: 1}, '-=0.4')
    .fromTo($smile, 0.4, {scale: 0.4, transformOrigin: 'center center'}, {scale: 1, ease: Power4.easeInOut}, '+=1.2')
    .add('zoom-out')
    .to($Petr, 1, {x: '0%', scale: 1, ease: Power4.easeInOut}, 'zoom-out+=1')
    .to($h1, 0.5, {autoAlpha: 0}, 'zoom-out+=1')
    .to($MainMask, 1, {attr: {x: 131}, ease: Power4.easeInOut}, 'zoom-out+=1')
    .set($body, {className: '+=is-active'}, 'zoom-out+=1')
    .set($h1, {y: '-=60px', text: 'and this is my GreenSock Lab!'}) // update heading text
    .add('text-in')
    .to($h1, 0.3, {y: '+=20px', autoAlpha: 1, ease: Power4.easeInOut}, 'text-in')
    .to($h1, 0.2, {y: '+=10px', autoAlpha: 0, ease: Power4.easeInOut}, '+=2.5')
    .set($h1, {y: '-=30px', text: "Let's have some fun..."})
    .to($h1, 0.3, {y: '+=20px', autoAlpha: 1, ease: Power4.easeInOut})
    .to($h1, 0.2, {y: '+=10px', autoAlpha: 0, ease: Power4.easeInOut}, '+=2')
    .to($stage, 0.2, {autoAlpha: 1, ease: Power0.none}, '-=0.2')

    introTL.seek('text-in')

Независимо от того, использую ли я поиск или нет, результат остается такой же. Кроме того, в следующем коде поиск используется для указания на шаг в середине всей временной шкалы.

Что делает поиск в приведенном ниже коде? Полный код находится по следующей ссылке.

Всегда спасибо.

Ссылка Codepen

...