问题标签 [scrollmagic]

当 Enquire.js 不匹配时，销毁场景的正确代码是什么？我一直在浏览 ScrollMagic.js 文档，但运气不佳：http ://scrollmagic.io/examples/expert/removing_and_destroying.html

在控制台中，在 Unmatch 我得到：

Uncaught TypeError: a.destroy is not a function

我刚开始使用scrollmagic，但我似乎无法让它正常运行。我按照一个简单的教程在不同的部分做了一些动画。我不确定是否没有导入类，对，但我被卡住了。非常感谢您的帮助，我附上了我的 js、html 和 css 文件。

JS文件

CSS文件

如何删除浏览器右侧的修复文本触发器？

我在谷歌搜索。有人告诉删除 scene.addIndicators() 但是当我删除时，滚动消失了。

这是截图

这是我的代码

我正在使用ScrollMagic让动画在滚动时发生。我不是很精通这个，还在学习过程中。

所以我有一架飞机，它的零件被拆卸并在卷轴上组合在一起，形成一架飞机。

例如 - 左翼，右翼，飞机机身，尾翼，左螺旋桨，右螺旋桨所有这些部分都是分开的并且来自不同的方向以形成飞机。

我已经设法在 1366x768 屏幕分辨率下完成这项工作。但是如果我以不同的屏幕分辨率打开它，部件就不会在正确的位置组装。 http://jsfiddle.net/jv5s6f0j/1/

HTML - （每个 ID 都有一个背景图片）

JS-

我尝试使用百分比而不是固定像素，但没有解决问题。请帮忙！

我根据其中一个教程做了一个非常简单的 ScrollMagic 网站：http ://www.oneniceday.com/Parallax-1/P2.html

如果您查看源代码，那么在最后，有这一行：

我不了解“triggerHook:onLeave”这一行。

这个 onLeave 事件是什么时候触发的？

过去 2 天我一直在 ScrollMagic 文档和参考站点露营，试图弄清楚 triggerElement 和 Hook 是如何工作的，以及 onLeave、onEnter、onCenter 等事件何时被调用，但很好......

谢！

我是 ScrollMagic 的新手，但我很喜欢它。

所以我有一个时间线，它将飞机的各个部分组合在一起形成一架飞机。我打算将飞机的补间部分更改为整个飞机的单个图像，然后固定单个图像。

我已经设法将飞机的各个部分组装在一起，但不知道如何进行。

任何线索如何实现这一目标？

这是我到目前为止所取得的成就的小提琴

HTML -

JS-

CSS -

这是一个相同的小提琴 - http://jsfiddle.net/joystan/x2f0atdj/

感谢 Gray Ghost 提供的滚动魔术示例：

paneling http://codepen.io/grayghostvisuals/pen/enxAp

anchor navhttp://codepen.io/grayghostvisuals/pen/EtdwL

有人愿意解释一下在scrollmagic中镶板的用途是什么吗？它与锚点导航有何不同。还有一种方法可以在鼠标滚轮上创建一个非滚动条，也许使用 iscroll ？

伙计们，我正在使用 scrollmagic 的视差部分擦除视差效果。我一直在按照这里找到的演示进行操作，但我尝试的任何方法似乎都不起作用。这让我发疯了，我已经在这里呆了好几个小时了。我要在这里留下什么？

这是一个jsfiddle

HTML

CSS

JavaScript/JQuery

感谢你的协助！

我有这样的布局，红色的卡片固定在屏幕顶部，黄色的卡片在上面滚动。当黄色的底部边缘到达红色的底部边缘时，我需要取消固定红色，所以看起来黄色抓住了红色并将其拉过顶部。

我的看法是我需要removePin()从另一个场景调用，一个使用.yellowastriggerElement的场景offset，但它不起作用。我也尝试设置 aduration但是黄色永远不会翻过红色，而是等到持续时间从底部出现。

HTML：

Javascript：

JSfiddle：http: //jsfiddle.net/rLj18ud2/

我是一个 Jquery 新手，并且会认为我的问题的解决方案非常简单，但是我已经尝试了此代码的一百万种排列，但我无法解决它。

我正在使用 Scrollmagic 和 GSAP，并希望从同一点触发三个补间，以便它们一个接一个地触发（略有重叠）。场景duration: 0使用户仅启动动画，但不控制其进度。每个补间包含一个 css 变换，用于处理同一个对象 ( #boxes3d)。

我想要的效果是：
1）盒子开始是平的，但是通过将 cssperspective值更改为850px.
2）通过改变csstransform值，盒子旋转180度。
3）盒子通过恢复到再次折叠perspective: 50000.
[ 4) 当用户向后滚动超过触发器时，动画会反转。]

复杂之处在于该transform值还必须包含一个动态scale值，以使绝对定位的 div 内部#boxes3d适合任何屏幕尺寸的框架。该scale值（以及整个transform）由另一个 Jquery 函数动态设置：scaleDiv()它包含嵌套的rotate3D()和reverse3D()函数。

我想我需要创建一个timelineMax（或Lite）来对补间进行排队，但是我在将动态 css 值放入时间线时遇到了问题。

我创建了一个 jsfiddle，其中包含我想要串在一起的补间/过渡，以及scaleDiv必须合并到第二个补间中的函数。目前他们有不同的场景，但我想把它们都放在一个场景/时间线上。

这是小提琴：http: //jsfiddle.net/gbinning/vccxufou/13/。我真的很感激一些指导！非常感谢！

编辑：我还没有scaleDiv正确设置该功能，您需要稍微调整窗口大小才能触发它。