0

再会!

我正在尝试使用 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 贡献者提出了这个问题。为什么会这样?

先感谢您。

4

1 回答 1

0

该问题已在此处解决:https ://github.com/janpaepke/ScrollMagic/issues/148

于 2014-09-05T12:15:55.913 回答