从上到下自动滚动元素内部的图像

Question

我有一个长图像，我想在具有特定尺寸的div元素中显示它。内部图像处于绝对位置。

图像内部有一个“开始”和“完成”文本，因此我可以检查滚动是否完成。

这是我尝试将图像向上移动的代码，以便在滚动时可以看到整个图像。

TweenLite.to($(".pa-video-container-mobile img"), 20, {transform: "translate3d(0,100vh,0)", yPercent: -100});

我创建了一个jsfiddle。尝试点击“运行”按钮两次以上。有时代码可以工作。

https://jsfiddle.net/0xu476vp/1/

我试图通过Tweenlite库转换图像，但是代码没有显示图像的底部。

有时图像显示在结尾附近（不显示“完成”文本），有时图像远离“完成”文本。