滚动时滚动魔法一一添加类

编程问答 2022-05-30

问题描述

我尝试为页面上的部分设置动画。我想在滚动过程中通过在具有 3 个水平块的一个部分中滚动时一一添加类来更改字体颜色。 我的问题是我无法按给定的顺序向我的块添加类。我希望块部分在每个块更改其字体颜色之前不会滚动。我不能一遍又一遍地创造一个新场景，因为一切都坏了

我的代码：

var controller = new ScrollMagic.Controller();

    new ScrollMagic.Scene({
    triggerElement: "#pricing",triggerHook: '0.1',duration: "50%",})
    .reverse(true)
    .setPin("#pricing")
    .setClasstoggle(".pricing-block-2","hover")
    .addindicators() // add indicators (requires plugin)
    .addTo(controller);

new ScrollMagic.Scene({
    triggerElement: "#pricing",triggerHook: '0.3',})
    .reverse(true)
    .setPin("#pricing")
    .setClasstoggle(".pricing-block-1",triggerHook: '0.5',})
    .reverse(true)
    .setPin("#pricing")
    .setClasstoggle(".pricing-block-3","hover")
    .addindicators() // add indicators (requires plugin)
    .addTo(controller);

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptscrollscrollscrollscrollmagic