Question

尝试使用superscrollorama在滚动图片上制作动画！我的问题是，当我滚动到顶部时，它不起作用！我使用的代码是：

<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>

任何想法？提前谢谢！

Answer 1

我遇到了同样的问题，我通过给像素而不是div来修复它

而不是

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

使用像tell那样的像素

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

10是补间发射时的像素

Answer 2

所以好消息是我知道问题是什么，我在超级卷轴中发现了一个错误，当动画发生在0像素时可能并不总是因为一行代码问题而正确反转。

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

我建议修复此问题。特别是我的问题是发生了针脚，但我看到其他地方可能会发生其他动画。这归结为＆lt; vs＆lt; = 0像素项目。所以很高兴这不是你的错，但我提议的解决方案仍在讨论中。

scrolllorama反向滚动问题

2 个答案: