问题标签 [scrollmagic]

我试图在用户滚动时翻译一个元素。

如果可能的话，向上滚动上课，向下滚动上课。

我认为这是可能的，因为魔术棒在此演示中向下滚动时会这样做：http: //janpaepke.github.io/ScrollMagic/

但是，我不知道如何使用这个脚本（https://github.com/janpaepke/ScrollMagic）

这是我的代码来判断用户是向上还是向下滚动：

我正在使用ScrollMagic和Greensock创建一个“滚动到”功能，其中用户单击持久导航中的链接，然后视图滚动到页面下方的指定部分（一个长满内容和图像的页面） . 但是在 Safari (v 7.0.1) 中，它大约 80% 的时间滚动正常，其余时间，它在向下滚动到所选部分时卡住了。它甚至看起来都没有卡在页面的某个重要部分，它只是挂在看似随机的页面块之间。

页面上的内容是机密的，所以我不能分享整个页面，但我可以分享驱动它的脚本。我在脚本中做错了什么会导致它在滚动的过程中被挂断吗？

我以前使用过 superscrollorama 并且我开始使用 scrollmagic 但我无法让一些 div 正确动画。前 2 个 div 很好，但最后两个，一旦我向下滚动，就没有动画。我也想为第二个 div 添加一点偏移量，但不知道如何，语法与 Superscrollorama 有点不同。

我是一名设计师转为开发人员，致力于学习视差。我做了这个测试，它在 Chrome 上运行良好，但在 FireFox 或 IE 上不行。有什么建议么？

我正在使用基于 GSAP 的 ScrollMagic。

这是我的脚本

http://joeyellisdesign.com/testingspace/parallaxtest/test/

我正在做一个项目，我需要几个 div 飞入，然后在滚动时固定到屏幕上。我曾尝试将两者加在一起，这会导致 div 奇怪地跳来跳去。pin 和 tween 都可以完美地单独工作，但我无法让它们一起正常工作。有什么建议么？我在下面有一些代码块。

查询：

HTML：

CSS：

我在我的网站中使用 ScrollMagic 来制作动画。你可以在这里看到动画：http: //jsfiddle.net/VRBG2/2/

我正在使用的代码可以在 jsfidde 中看到，类似于：

我的问题是在平板电脑/智能手机、iphone、iPad 和 Android 上，这个动画看起来很糟糕。速度很慢，一点也不流畅。有没有人在我的代码中看到任何问题。我应该使用任何其他插件来使它在平板电脑/移动设备上更好地工作吗？

提前致谢

我正在使用 ScrollMagic 制作一个垂直视差滚动站点，其中包括顶部的导航菜单以链接到站点内。

当没有视差动画应用于滚动时，菜单本身可以正常工作，但是当添加视差时（即第二部分向上移动到介绍部分），移动到该部分时似乎无法考虑整体高度的减少，所以它过冲。

这是一些代码：

有没有人有一个策略来处理像这样的移动（视差）部分？

谢谢

我在一个站点中使用 ScrollMagic，当我尝试以 em 而不是像素为字体大小设置动画时遇到问题。

所以，这是ems的一个例子：http : //jsfiddle.net/41h1nfxo/7/

这是另一个带有px的：http : //jsfiddle.net/jtdm0o6q/2/

如您所见，第二个效果很好。

不知道是什么原因造成的，希望大家帮帮我！谢谢

HTML

脚本

我使用 ScrollMagic 来固定和触发动画。在我的项目中，我希望根据滚动方向触发不同的动画。这是该项目的代表：

http://jsfiddle.net/cubius/orcpb036/10/

首先，您向下滚动并观察气球向右移动。然后您向上滚动并观察气球向左移动:) 然后您再次向下滚动并期望气球从当前位置向右移动，但不是这样做，而是第一次捕捉到中心。动画忽略事物的当前状态。

那么问题来了：如何更新场景状态，让气球始终从当前位置移动？

我正在尝试使用 ScrollMagic 构建一个站点，但我遇到了一个问题：我将 reverse 选项定义为全局错误，我似乎无法在特定场景中覆盖此选项。

我有几个场景，只需要一两个场景就有反向动画。全局设置 reverse 选项并为特定场景设置反向动画会容易得多。

这是我的代码：

. . .

动画不会向后播放，因此在场景中设置的 reverse: true 属性似乎不会接管全局设置。

有可能做到这一点吗？希望你能帮我！谢谢！