1

这不应该太复杂，虽然我已经挂断了。我正在使用Superscrollorama，这是一个 jQuery 插件，用于在元素滚动到浏览器中心时发生动画。

如果我想让两个元素在页面的不同区域到达浏览器中间时都消失，我需要在 JavaScript 中创建两个单独的补间。我不能拥有一个共享脚本中引用的类的淡入淡出元素。这是因为一旦第一个淡入淡出元素被击中，它就会触发两个动画。这是一段无法按我希望的方式工作的代码片段：

<!--HTML-->
<h2 class="fade-it">Fade It</h2>
<h2 class="fade-it">Fade It again</h2>

<!--JavaScript-->
var controller = $.superscrollorama();
controller.addTween('.fade-it', TweenMax.from( $('.fade-it'), .5, {css:{opacity: 0}}));

还有jsFiddle。抱歉，如果我没有正确解释，这有点难以用词。这样做的要点是减少代码。任何帮助，将不胜感激！

4

2 回答 2

1

你的答案就在你的描述中。你是对的：你不能有一个共享一个类的淡入淡出元素而不被触发。给这两个元素单独的 id 并使用它们的 id 而不是共享类创建两个单独的补间。

于 2013-02-27T20:23:28.460 回答
0

使用两个单独的补间。这就是它的工作方式。

于 2013-02-10T21:25:18.423 回答