javascript - scrollMagic - 添加一个产生动画的类
问题描述
我有一个向元素添加类(在本例中称为“.new-class”)的脚本。现在我正在寻找在使用 scrollMagic 的帮助下添加所述类时触发动画。
// scrollMagic Scene
var controller = new ScrollMagic.Controller({duration: 40000000});
$(".new-class").each(function(){
var picOverlay = $(this).find(".overlay");
var animateIn = new TimelineMax();
animateIn
.fromTo(picOverlay, 2, {skewX:3, scale:3}, {skewX:0, xPercent:100, transformOrigin: "0% 100%", ease: Power4.easeOut},"-=1")
// Make a scrollMagic Scene
var scene = new ScrollMagic.Scene({
triggerElement: this,
})
.setTween(animateIn).addTo(controller);
});
即使添加了“.new-class”,也没有任何反应。如果添加了“.new-class”然后执行上面的代码,我该如何去听?任何答案都非常感谢。
解决方案
推荐阅读
- python - 为什么 Python 代码在终端中运行时不能在 Jupyter 笔记本中运行?
- python - Cloud Build 环境变量未传递给 GAE 上的 Django 应用
- python - __getattr__ 和 __setattr__ 在这段代码中的作用是什么?
- aws-lambda - CloudWatch 事件规则:自行禁用
- r - 更新 RSQLite 使用的 SQLite 版本
- mongodb - 是否可以在 mongodb 中查看传入查询以调试/跟踪问题?
- php - 如何在我的平台上建立大师班和学生之间的关系
- javascript - 选项卡关闭时清理 IndexedDB
- javascript - 控制台中的 Javascript 意外标识符错误
- shell - 鱼壳 argparse 做了一些非常意外的事情