1

嘿所有我试图把我的头包裹在这一切上，整天都在玩它。我想要完成的是当用户向下滚动时放大背景图像（并最终通过不透明度变得透明）。我已经得到了一半的预期效果，但它似乎不想在用户滚动上工作，它只是自动执行。

这一定很简单，但我对此很陌生。

这是我写的代码

    var tween = TweenMax.to('#regular', 0.5, {
    scale: 2
    });

    // Init Controller
    var controller = new ScrollMagic.Controller();


    // Create the Scene and trigger when visible with ScrollMagic
    var scene = new ScrollMagic.Scene({
    triggerElement: '#featured-image',
    reverse: true,
    offset: 700
    })
    .setTween(tween)
    .addTo(controller)

http://codepen.io/anon/pen/EjWLyO

4

2 回答 2

2

您的基本问题是您的场景方法不可用，这是因为在使用TweenMax和 ScrollMagic时，您的代码笔setTween中缺少重要插件的包含。animation.gsap.min.js

因此，在您包含在您的笔中之后添加这个外部 javascript ，您就是金子了。ScrollMagic

于 2015-06-04T08:06:10.540 回答
0

尽管我使用的是上述 javascript 解决方案，但我也有类似的问题。对于我的具体情况，我找到了这里描述的解决方案：

https://greensock.com/forums/topic/16014-staggerfrom-always-runs-on-page-load-not-on-scroll-magic-event/

在每个补间中设置参数： immediateRender : false

我还在运行 TweenMax 调用以在所有场景初始化后设置初始参数。

于 2019-01-13T12:45:27.053 回答