官网
    http://scrollmagic.io/
    示例
    http://www.htmleaf.com/Demo/201503011443.html

    • 控制器

    ScrollMagic - 图1

    1. //初始化控制器
    2. var controller = new ScrollMagic.Controller();
    4. //选择设置
    5. var controller = new ScrollMagic.Controller({container: "#myContainer", loglevel: 3});
    • 场景

    添加一个或多个场景控制器（一个控制器对象下可以创建多个场景）

    1. //1. 添加已有的场景
    2. controller.addScene(scene);
    4. // 2. 新创建的场景
    5. controller.addScene(new ScrollMagic.Scene({duration : 0}));
    7. // 3. 添加多个场景
    8. controller.addScene(
    9.   [scene,
    10.    scene2,
    11.    new ScrollMagic.Scene({duration : 0})
    12.   ]
    13. );
    1. // 创建场景
    2. new ScrollMagic.Scene({
    3.     duration: 100, // 场景持续时间
    4.     offset: 50 // 滚动50px后开始这个场景
    5. })
    6. .setPin('#my-sticky-element') // 是否为场景的持续时间固定元素
    7. .addTo(controller); // 将场景分配给控制器