这应该不会太复杂，尽管我已经对此挂断了。我正在使用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 。抱歉，如果我没有正确解释，这有点难以表达。这样做的要点是减少代码。任何帮助，将不胜感激!
最佳答案
您的答案就在您的描述中。你是对的:你不能让一个淡入淡出元素共享同一个类而不触发两者。为两个元素提供单独的 id，并使用它们的 id 创建两个单独的补间，而不是共享类。
关于javascript - Superscrollorama - 多个元素的补间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14802562/