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
Является ли мое предложенное решение проблемы. В частности, моя проблема происходила с булавками, но я вижу другие места, где это могло бы случиться с другими анимациями. Это сводится к элементам