在GreenSock中堆棧「transform：translateY」值？

我剛剛遇到這個奇妙的產品，並意識到這正是我需要的！我有一個巨大的圖像是窗口大小的x倍，所以我想滾動到按鈕點擊的最底部。我會喜歡這個CSS這樣做：在GreenSock中堆棧「transform：translateY」值？

@keyframes { 
    to { 
     transform: translateY(-100%) translateY(100vh); 
    } 
}

事實證明這是在CSS中跨瀏覽方式，而不是：

transform: translateY(calc(-100% + 100vh));

有沒有辦法用TweenMax這樣做呢？我不明白，我可以以像素爲單位計算這些值，並明確指定：

var value = -$('img').height() + $(window).height(); 
var tweenDown = TweenMax.to("img", 5, {y: value});

不過的「堆疊」方式的好處是，當你調整窗口的大小，它保持在同一位置的圖像。

在此先感謝！

2017-04-14 sdvnksv

我可能是錯的，但我覺得你在找什麼是'yPercent'。當這個屬性第一次被引入時，請看這篇舊文章：https://greensock.com/gsap-1-13-1。 –

這是我想出了那些想知道：

TweenMax.to('img', 5, { 
    transform: 'translate3d(0,100vh,0)', 
    percentY: -100 
});

2017-04-18 07:00:49 sdvnksv

回答