问题标签 [gsap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1068 浏览

javascript - 除 IE8 / Opera 之外的所有浏览器中的不同 Margin-Top

我在除 IE/OPera 之外的所有浏览器中都遇到了 margin-top 这个问题,我在 -800px 上设置了一个 div 的 margin-top,如果我跟踪 IE 中的 div 位置是 -800px,就像在 Opera 中一样,但在 FF/ Chrome 它增加了 300px,所以它说 Div 在顶部边缘为 -1100px。

我已经看到最佳实践是使用填充而不是边距,但我对整个概念还是很陌生。到目前为止,我无法看到这 300 额外像素是从哪里来的。实际上,我将这个 div 放在了我的 html 的开头和 html 的末尾,就在开始正文标记的正下方(就像现在一样),就在结束正文标记上方的底部,两者都具有相同的结果额外的像素。

您可以在这里看到问题:http ://www.kassandrafoto.com/如果您在顶部的主菜单中单击 Kassandra Cruz,您将看到额外的边距或 300 px 的间隙,我想要 FireFox 中的设计或Chrome,但在这种情况下,IE 正在按照我的意愿工作很奇怪:margin-top 是 -800 而不是 -1100(动画是正确的,因为我玩的是这种差异,但我的问题是 ¿ 那些 300 px从哪里来?

这是有问题的 div 的 CSS:

这是 html 代码,您可以看到 div 是第一个:

这是第一个 Js 动作,它仅将 div 基础集中在其 witdh 的其余一半(这工作正常)所以因为它的 50% leftleft 将始终位于中心。PS。我使用了 Greensock TweenMax JS 库,但只是边距的补间运动。

这是点击事件的功能:

好吧,事情来了,因为您可以看到 div 在任何人之外并且是绝对的,我不知道为什么 FF/Chrome 中有额外的空间。

感谢您提供任何可以帮助我的帮助或提示。问候。

0 投票
1 回答
294 浏览

actionscript-3 - 限制 tweenmax 中的最大速度

我正在用 Flash 开发游戏,我需要在屏幕上以环绕的方式移动我的电影剪辑。为此,我正在使用Tweenmax.to()greensock 提供的功能。该函数将“时间”和“距离”作为参数,并对运动本身应用加速和减速。

然而,这需要超出我想要的运动的最大速度。有没有办法也可以设置运动的最大速度?

0 投票
2 回答
2132 浏览

actionscript-3 - 在 AS3 中使用 Greensock 对文本进行补间模糊

我正在尝试将一些文本从模糊到非模糊再到模糊。为此,我尝试在补间之前设置 blurX 和 blurY,但这完全阻止了补间的发生。难道我做错了什么?

编辑:消除轻松让褪色发生,但它仍然没有溜溜球

0 投票
4 回答
5954 浏览

actionscript-3 - 如何使用 GreenSock 创建摆动效果

我在 TweenMax 中看不到任何可以让您左右“摆动”对象的内置方法。它需要从其起始位置开始非常快速的动画,例如:x -> x-5 -> x+5 -> x-5 -> x+5 -> x。

0 投票
2 回答
864 浏览

actionscript-3 - 在 AS3 中使用 GreenSock 补间 Sprite 大小

我已经看到可以使用 补间矩形的示例scaleX,但我找不到任何补间圆的东西。(我正在绘制的“圆圈”实际上是一个甜甜圈形状,我希望外圈是补间的那个)。

我试过这样做,但这会引发很多错误。我认为不可能这样:

通常对于显示对象,以这种方式完成。但它不适用于这个“甜甜圈”:

所以我的问题是,我怎样才能补间我的外圆的半径大小?

编辑:这就是甜甜圈的绘制方式,因此 resizeVar 需要从 75 更改为 150。

0 投票
3 回答
831 浏览

javascript - 如何使用 superscrollorama 对多个单词使用相同的补间?

我在这里再次成为一个新手——我正在尝试使用http://johnpolacek.github.com/superscrollorama/并且你可以想象 java 脚本的想法对我来说是非常压倒性的,尤其是这个“补间”的东西。

无论如何,我正在尝试制作一个滚动动画文字启动页面,并且我想两次使用相同的补间,我尝试查看常见问题解答等等,但即使它们对我来说太先进了,我还无法理解(嘎!)我试着输入'fade-it' 两次,但这不起作用。在底部添加另一个“淡入淡出”脚本也没有。显然我在这里遗漏了一些东西。有人想帮助我认为可能是一个容易解决的问题吗?;)

这是JavaScript:

0 投票
2 回答
2165 浏览

javascript - 补间图像,然后是文本 Greensock 和 JS 动画

我正在尝试补间图像,然后让文字飞进来。我已经有图像飞了,但我似乎无法弄清楚如何在图像进入后让文本进入......另外,我想为整个 div 放置一个背景,但由于某种原因一切我试过没有出现,也没有任何循环。帮助?-- 图片是我自己在 Illustrator 上制作的,所以我无法上传图片,但如果有人可以帮我解决这个问题,我将不胜感激!

这是我的 HTML:

这是我的 Javascript:

这是我的CSS:

0 投票
1 回答
2858 浏览

actionscript-3 - TweenMax 延迟调用和 killtweens 的

有没有人熟悉这个 Tween 的延迟电话,因为我一直在努力让它工作,但我做不到。我知道如何延迟调用函数,但我也想删除该 Tween 以进行延迟调用:

因此,如果玩家拿起加电,并且如果这个加电仍然存在,那killTweensOf应该会终止延迟调用,clearPowerup但事实并非如此。

谢谢您的帮助

回复

0 投票
3 回答
11907 浏览

animation - 在动画结束之前执行 Tweenmax 回调

我在我的网站上使用 greensock gsap 制作动画。问题是在动画结束之前执行的回调。在下面的示例中,元素在动画的一半处被删除。

有没有人遇到过同样的问题?

0 投票
1 回答
134 浏览

actionscript-3 - AS3 补间光循环停止

我有一个循环动画停止并给我一个参数错误。我用几种不同的方式重做了编码,但无济于事。这是我的代码:

这是它给我的错误:

我正在努力提高我的补间技能,以准备一些即将到来的工作。任何帮助,将不胜感激。