在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

回答