scrollorama обратная прокрутка вопрос

Попытка анимировать картинку на свитке с помощью суперскроллорамы! Моя проблема, когда я прокручиваю обратно наверх, это не работает! Код, который я использую:

<script>
$(document).ready(function() {
var controller = $.superscrollorama();
// individual element tween examples
 controller.addTween('#logo_3', TweenMax.fromTo( $('#logo_3'), .8, {css:{opacity:1,       top:'50px'}, immediateRender:true, ease:Quad.easeInOut}, {css:{opacity:0.5, top:'400px'}, ease:Quad.easeInOut}));

controller.addTween('#logo_2', TweenMax.fromTo( $('#logo_2'), 1, {css:{opacity:0.5, top:'0px'}, immediateRender:false, ease:Quad.easeInOut}, {css:{opacity:1, top:'600px'}, ease:Quad.easeInOut}));
        });
</script>

любая идея? заранее спасибо!

2 ответа

Решение

Я получил ту же проблему, я исправил это, дав пиксель вместо деления

вместо

 controller.addTween('#logo_3', TweenMax.fromTo( $('#logo_3')

использовать пиксель, где анимация будет срабатывать как

 controller.addTween(10, TweenMax.fromTo( $('#logo_3')

10 - это пиксель, когда анимация сработает

Итак, хорошая новость в том, что я знаю, в чем проблема, я обнаружил ошибку в superscrollorama, заключающуюся в том, что, когда анимация происходит при 0 пикселях, она может не всегда корректно меняться из-за проблем с кодом.

https://github.com/johnpolacek/superscrollorama/pull/105

Является ли мое предложенное решение проблемы. В частности, моя проблема происходила с булавками, но я вижу другие места, где это могло бы случиться с другими анимациями. Это сводится к элементам

Другие вопросы по тегам