使用Scroll Magic的简单Tween本地副本无法正常工作

时间:2014-08-31 09:27:03

标签: javascript jquery html css scrollmagic

美好的一天!

我尝试使用scrollmagic.js创建简单补间的this example。是的,它适用于jsfiddle。可以肯定的是,我将scene.addIndicators()用于查看开始,结束和触发器钩子。它很干净。正如你在jsfiddle中看到的那样:

<div class="container" style="height:1000px;">
    <div class="spacer" style="height:400px;">
        Scroll Down
    </div>
    <div id="trigger1"></div>
    <div id="animate1">Hello World!</div>    
</div>

我尝试将容器和垫片的高度更改为任何大的值仍然触发钩位于中心。这很好。现在我尝试使用Sublime在我的本地创建它的副本。但现在我的问题是,当我设置spacer或大值时,我可以看到页面底部的触发器钩子。这将使得补间动画无法被看到。有人遇到过这个问题吗?我认为我的本地设置有问题,因为它适用于jsfiddle。我已经向scrollmagic contributor询问了这个问题。为什么会这样?

提前谢谢。

1 个答案:

答案 0 :(得分:0)