javascript - 使用 Scroll Magic 的简单补间本地副本不起作用

标签 javascript jquery html css scrollmagic

美好的一天!

我正在尝试制作 this example使用 scrollmagic.js 的简单补间。是的,它适用于 jsfiddle。可以肯定的是,我放置了 scene.addIndicators() 来查看开始、结束和触发 Hook 。它工作干净。正如您在 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 or 设置为较大的值时,我可以在页面底部看到触发器 Hook 。这将使补间动画无法被看到。有人遇到过这个问题吗?我认为我的本地设置有问题,因为它适用于 jsfiddle。我已经向 scrollmagic contributor 询问过这个问题.为什么会这样?

提前谢谢你。

最佳答案

关于javascript - 使用 Scroll Magic 的简单补间本地副本不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25590628/

相关文章:

javascript - Angular 1.4 解析 ng-bind-html 的内容

javascript - Cordova 应用程序在 Android 上运行,但线程在 ios 上似乎卡住 "Resetting plugins due to page load"

javascript - 为什么我的 jQuery 委托(delegate)点击会触发多次?

javascript - 获取多选中的当前选项

jquery - YouTube 播放按钮在 iPhone 上消失

python - html appengine 重定向 URL

javascript - Cannon.js + Three.js : Minimal car + physics

javascript - 删除自定义事件监听器

javascript - 使文本框大小相对于 gridster 中的小部件大小

html - Angular Material : Custom Form Field Control - move floating label (down)