cost 180 ms
如何在窗口调整大小时更新TimelineMax的fromVars / toVars值? - How to update values of fromVars/toVars of TimelineMax on window resize?

我正在开发一个具有垂直和水平滚动的网站。 向下滑动鼠标滚轮时,我想水平滚动。 我已经通过ScrollMagic和GSAP(TimelineMax)实现了这一目标。 但是,当我调整窗口大小时,我需要更新变量,其中包含必须向右滚动的像素数。 加载窗口时,我进行了一系列计算,以了解必须向右 ...

ScrollToPlugin滚动时如何触发TimelineMax动画(ScrollMagic)? - How to trigger TimelineMax animation when ScrollToPlugin is scrolling (ScrollMagic)?

我有一个带有按钮的部分,该按钮在单击触发器时滚动到下一部分。 我想做的是当发生滚动事件时,我想从动画中触发我的tl.from .。 现在,动画tl.from仅在用户滚动时触发,而不在按下按钮时触发。 ...

在时间轴GSAP中对补间进行分组 - Grouping Tweens in Timeline GSAP

我想在GSAP论坛上提出了相同的问题,但我想这里不是一个活跃的论坛。 我在GSAP上确实有些挣扎,我想在时间轴中对补间进行分组,而不是单独进行,前两个同时进行,然后再进行两个,依此类推...我真的想自己弄清楚,我添加了一个负延迟,但是它不能与ScrollMagic一起正常工作,或者无法使其正常 ...

交换类不会清除先前的补间值 - Interchanging classes doesn't clear previous tween values

我正在制作某种动画,所以我准备了一个与任务完全相关的演示。 我在第一个时间轴完成后交换类,并在用户第二次单击时运行另一个时间轴。 问题是当播放第二个时间轴时,补间将先前的补间值添加到第二次单击时要补间的元素上。 如果看下面的示例,则在运行第二个时间轴(即home_slide_2)时,blo ...

使用React.js的GSAP - GSAP with React.js

我遇到这个问题。 我在react项目中使用GSAP来做一些复杂的动画。 我想问一下,每当重新渲染组件时,如何清除应用于DOM的样式。 它仍然保留旧状态tl.reverse()。 我再次将其设置为Null,然后重新定义,但我不起作用。 我也是新来的人。 下面是代码。 希望任何人都能帮 ...

如何在TimelineMax中获取当前动画序列的进度 - How to get the progress of the current animation sequence in TimelineMax

我正在使用timelinemax来执行一系列补间,如下所示: 在每个TweenMax实例运行时,我希望能够获得其进度。 因此,如果我的时间轴上有10个tweenmax动画,我希望在更新时获得每个动画的进度(从0到1的比例)。 我看到timelinemax有一个progress事件 ...

功能中的GSAP暂停动画 - GSAP pause animation in a function

我有一组按钮,当单击它们时,它们会显示一种弹出窗口和一些简单的动画。 对于大多数内容,每个弹出窗口都包含相同的动画。 每个弹出窗口也都有其自己的动画集,因此我已完成以下操作以使其正常工作。 这将运行我的弹出代码,并使用.add函数,我调用另一个函数,该函数根据与对象中函数名称匹配的数 ...

如何基于数据属性播放Greensock时间轴最大值 - How to play greensock timeline max based on a data attribute

目前,我在greensock论坛上没有得到答案。 我有一个搜索栏,当单击身体上的任何位置时,都应通过单击图标进行扩展,然后再次关闭,但仅在扩展搜索栏时才应关闭。 当我打开搜索栏时,关闭动画面临两个问题: (1)当我在运行结束动画时单击body元素时,将重置结束动画。 (2)即 ...

GSAP-TweenMax:TweenMax.getAllTweens()返回对象,而不是TweenMax实例 - GSAP - TweenMax : TweenMax.getAllTweens() returns objects instead of TweenMax instance

我已经从页面获取所有TweenMax实例。 所以我用: TweenMax.getAllTweens() 如果像这样声明补间,这将起作用: TweenMax.to或TweenMax.formTo或其他任何东西,但如果补间嵌套在TimelineMax / Lite中,则Twe ...

Scrollmagic TimelineMax没有动画效果 - Scrollmagic TimelineMax not animating

我正在试图弄清楚如何使用Scrollmagic使用TimelineMax。 问题很容易解释。 我有类似的DOM元素,比如必须比滚动速度慢的粒子。 第一个实现是WORKING(没有时间轴) 第二个实现不工作(使用时间轴) 我想让时间轴工作,但元素不是动画。 他们移动 ...

路径元素上的GreenSock TimelineMax在Safari和Firefox中不起作用 - GreenSock TimelineMax on path elements not working in Safari and Firefox

我正在尝试为我在JavaScript / jQuery中创建并添加的几个路径元素设置动画。 然后,我使用时间轴对这些元素进行一个动画处理(具有不同的值,因此我不能使用交错)。 最后,我不想播放完整的时间表,而只是其中的一部分。 这在Chrome浏览器中可以正常工作,但在Safari和F ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM