美好的一天!
我尝试使用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询问了这个问题。为什么会这样?
提前谢谢。