问题标签 [scrollmagic]

我是 ScrollMagic 的新手，我正在努力解决问题。我正在一个具有相当复杂动画的网站上工作，但我还没有找到任何关于编写有效 ScrollMagic 代码的教程或示例。

我不是程序员，对 jQuery 和 JavaScript 有基本的了解。

此时我有以下代码（我知道它有点乱）：

我正在等待有关如何以更简单的方式管理此问题的提示。

我不确定是否需要单独的文档就绪函数，但我猜测声明相同的变量应该只在单独的函数中工作（抱歉，缺乏 JavaScript / jQuery 知识）。

有没有更短更有效的方法来管理多个场景和补间？欢迎任何提示！

再会！

我正在尝试使用 scrollmagic.js 制作这个简单补间的示例。是的，它适用于jsfiddle。可以肯定的是，我使用 scene.addIndicators() 来查看开始、结束和触发钩子。它工作得很干净。正如您在 jsfiddle 中看到的：

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

先感谢您。

尝试使用 GreenSock / ScrollMagic JS 为页面上的 div 设置动画。在第一个补间完成后，我想在我的动画框中触发第二个动画。因此，将框向下移动 300 像素，然后将其向左移动 300 像素。我将如何添加补间序列。我的代码笔是-

http://codepen.io/anon/pen/HfFwJ

我正在使用的 JS 是 -

我的 HTML 的结构 -

所以简而言之，我想为幻灯片制作动画，以便它在完成 top:300px 后添加 left:300px。

非常感谢任何帮助！:)

尺寸

例如，如何将出色的ScrollMagic JS 插件用作 AMD 模块requirejs？

我在网上找不到任何对此的引用，并且查看它的代码ScrollMagic似乎并不像它作为 AMD 模块加载一样。

它确实window在模块末尾的级别中定义了 2 个变量：

所以看起来简单的shim不行，因为我需要导出两个变量。有没有办法导出它？

有任何想法吗？

谢谢！

我正在使用 scrollmagic 的网站上工作。我已经固定了一个 div 并用 translate y 进行了擦除，问题是当我调整窗口大小时，部分图钉似乎失去了高度并隐藏了其余内容。

我相信首先加载的内容可能是错误的

这是我的网站http://eloisemonteiro.hol.es/，

我也放在这里，但滚动魔法似乎不起作用：

http://jsfiddle.net/5k2p88o3/

我正在尝试暂停图片一段时间。滚动一点后，图片（第 1 部分）应该会淡出并显示底层图片。经过更多滚动后，两者都应该滚动出去。

我正在使用http://janpaepke.github.io/ScrollMagic但不知何故，固定和动画的组合不起作用。

我试图让 scrollmagic 触发 TweenMax 动画，但动画开始时无需等待滚动触发器被击中。我在这里错过了什么吗？

这是我的标记：

这是我的 JavaScript (CoffeeScript)：

就像现在一样，动画什么都不做（我是ScrollMagic()新手）。我只是想实现一种效果，当您滚动时，第一部分的文本会淡出，而当您滚动下一部分进入视图时，它的内容会淡入。

请原谅我对ScrollMagic()视差的无知，我是一个完全有视差的新手

我正在尝试编写一个脚本，如果屏幕是某个宽度，它将修复一个 DIV。这是我到目前为止所拥有的，但逻辑不正确，我不确定如何编写它。

http://jsfiddle.net/gtowle/jxoewzoo/

我的目标是：

1. 在页面加载时，如果窗口宽度大于 500，则执行 A。如果不是，则不执行任何操作。
2. 调整窗口大小时，如果窗口宽度小于 500，则执行 B，如果窗口宽度大于 640，则执行 A。

我认为我的问题是我不确定如何在调整窗口大小后触发#2。

我在一个大量使用ScrollMagic的页面上使用IScroll，但我终生无法让 IScroll 发挥作用。主要问题似乎是页面中的大多数（但不是全部）元素需要占据视口高度的 100%，因为它们被设置为幻灯片，其中包含一些复杂的动画。然而，为了height: 100%工作，所有父元素必须设置为相同。这导致 IScroll 在视口高度计算包装元素的高度，因此它认为除此之外没有更多内容。我正在开发一个 jsfiddle 来测试/演示这个问题，但想知道之前是否有其他人遇到过类似的情况。