再会!
我正在尝试使用 scrollmagic.js 制作这个简单补间的示例。是的,它适用于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 贡献者提出了这个问题。为什么会这样?
先感谢您。