0

尝试使用 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>

任何想法？提前致谢！

4

2 回答 2

1

我遇到了同样的问题，我通过将像素改为 div 来解决它

代替

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

在补间将触发的地方使用像素

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

10 是补间将触发的像素

于 2014-02-04T14:05:22.073 回答
0

所以好消息是我知道问题出在哪里，我在 superscrollorama 中发现了一个错误，当动画发生在 0 像素时，由于一行代码问题，可能并不总是正确地反转。

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

是我建议的解决问题的方法。具体来说，我的问题发生在图钉上，但我看到其他动画可能会发生这种情况。这归结为 0 像素项目上的 < vs <=。所以很高兴这不是你的错，但我提出的修复仍在讨论中。

于 2013-10-23T20:48:25.763 回答