问题标签 [scrollmagic]

我想知道当你向下滚动时你如何让动画只播放一次，而当你向上滚动时没有动画。

我正在尝试创建一个代码来在用户滚动时为我的标题设置动画。我已经设法使用 2 个不同的插件创建了我想要的动画：snap.svg 和 scrollmagic。我对这两个都是新手，所以请原谅我的菜鸟。

这是在 CodePen 上：http ://codepen.io/anon/pen/dYbPXe

现在，如果你滚动页面，标题的颜色会改变，如果你悬停标题，形状会改变。我想将形状变化绑定到滚动，这样当用户滚动时，形状和颜色都会逐渐变化。

这可能是一件简单的（也许是不必要的）事情，但我已经投入了太多时间，这让我很沮丧。提前感谢您的帮助。

编辑：如果我的问题不清楚，请告诉我，我会尽力澄清。我真的很想要这个效果:(

我在网站上使用 ScrollMagic 有一个锚链接滚动功能，我试图将 scrollTo 目标沿 y 轴偏移 100px，我对 jquery 很陌生，不知道在哪里放置这种指令：

这是我的工作代码（来自：https ://github.com/janpaepke/ScrollMagic/wiki/Tutorial-:-Anchor-Navigation ）：

任何指针都非常感谢。谢谢

我的网站有问题。我正在尝试从滚动魔术网站修改此示例：http: //janpaepke.github.io/ScrollMagic/examples/basic/section_wipes_natural.html

唯一的区别是某些部分高于视口高度并且其中的内容被削减，下一个部分进入早期......谁能告诉我如何强制 ScrollMagic 显示这些元素的全部内容？

我正在使用 ScrollMagic 库和 GreenSock 动画平台来创建单页滚动动画。

下面是动画的代码示例：

实际的动画要复杂得多，大约有 100 多个场景。

虽然我很欣赏它会占用大量处理器，但它的使用似乎比预期的要多，并且会减慢我的机器速度。

这里有什么明显会影响性能的东西吗？

遇到滚动魔术“部分擦除（自然）”激活的问题。我在我的 wordpress 主题中有什么：

函数.php

场景控制器是 sceneControls.js 并且包括

场景控件.js

但是，我收到控制台错误，我可能以错误的方式包含了sceneControls.js。

控制台读数

任何想法，都尝试了几种变化：

非常感谢您的帮助！先感谢您！

对此进行了修订。将函数更改为 noConflict 后的 Rnevius。控制台不再显示错误，但行为不存在。

我正在开发的网站使用 scrollmagic 将活动 div 的颜色（每个设置为屏幕大小）在向下滚动时从回退到白色。我让它改变 div 颜色和 body 颜色以获得更无缝的过渡。出于某种原因，身体背景颜色在前 2 个触发的场景中没有改变，但在最后 2 个场景中发生了变化。我已经包含了一个说明问题的代码笔。当您向下滚动并触发由#blog 和#contact 触发的最后两个场景时，主体颜色会正确设置。但不是前两个触发器 - #about 和 #portfolio。

有什么建议么？

HTML：

JavaScript：

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

我正在尝试将自然擦除添加到三 (3) 部分页面。其中两个部分有“附加内容”，一开始就引起了争论。现在，这适用于滚动魔术和导航链接，剩下的唯一项目是部分擦除三个部分，而不会丢失移动的滚动动画。

看看这个codepen它应该解释手头的问题。提前致谢！

http://codepen.io/sandovalg/pen/BoKzxB

我想要不同的事件，不同的显示方式：

你好呀。我用ScrollMagic做了一个视差滚动。但它几乎没有像这张 GIF 图像这样的问题。滚动时，图像会滚动，但同时会反复上下移动。这个问题可以在 OS X 10.11 上的 Safari、Firefox、Chrome 中找到我是否编码错误的源代码？请确认来源。非常感谢阅读。有一个很好的代码：>

索引.html