У меня длинное изображение, которое я хочу отобразить в элементе div с определенными размерами. Изображение внутри находится в абсолютном положении.
Изображение содержит текст «Начало» и «Окончание», поэтому я могу проверить, выполнена ли прокрутка.
Вот код, который я пытался переместить изображение вверх, чтобы я мог видеть все изображение во время его прокрутки.
TweenLite.to($(".pa-video-container-mobile img"), 20, {transform: "translate3d(0,100vh,0)", yPercent: -100});
Я создал jsfiddle. Попробуйте нажать кнопку «Выполнить» более 2 раз. Иногда код работает.
https://jsfiddle.net/0xu476vp/1/
Я пытался преобразовать изображение с помощью библиотеки tweenlite, но код не показывает нижнюю часть изображения.
Иногда изображение отображается ближе к концу (без отображения текста «Готово»), а иногда изображение находится далеко от текста «Готово».