Javascript 用于多元素的超彩色双色线

这不应该太复杂，尽管我已经挂断了。我使用的是一个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}}));

淡出
再次淡出
变量控制器=$.superscrolloma（）；
controller.addTween（'.fade it'，TweenMax.from（$（'.fade it'），.5，{css:{opacity:0}}））；

---

还有。对不起，如果我没有解释清楚的话，这有点难以用语言表达。其要点是减少代码。任何帮助都将不胜感激

使用两个单独的tweens。这就是它的工作原理

使用两个单独的tweens。这就是它的工作原理

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

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

这是我的想法，但我想我会要求确保。谢谢我是这么想的，但我想我会要求确认一下。谢谢