问题标签 [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.
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 中有额外的空间。
感谢您提供任何可以帮助我的帮助或提示。问候。
actionscript-3 - 限制 tweenmax 中的最大速度
我正在用 Flash 开发游戏,我需要在屏幕上以环绕的方式移动我的电影剪辑。为此,我正在使用Tweenmax.to()
greensock 提供的功能。该函数将“时间”和“距离”作为参数,并对运动本身应用加速和减速。
然而,这需要超出我想要的运动的最大速度。有没有办法也可以设置运动的最大速度?
actionscript-3 - 在 AS3 中使用 Greensock 对文本进行补间模糊
我正在尝试将一些文本从模糊到非模糊再到模糊。为此,我尝试在补间之前设置 blurX 和 blurY,但这完全阻止了补间的发生。难道我做错了什么?
编辑:消除轻松让褪色发生,但它仍然没有溜溜球
actionscript-3 - 如何使用 GreenSock 创建摆动效果
我在 TweenMax 中看不到任何可以让您左右“摆动”对象的内置方法。它需要从其起始位置开始非常快速的动画,例如:x -> x-5 -> x+5 -> x-5 -> x+5 -> x。
actionscript-3 - 在 AS3 中使用 GreenSock 补间 Sprite 大小
我已经看到可以使用 补间矩形的示例scaleX
,但我找不到任何补间圆的东西。(我正在绘制的“圆圈”实际上是一个甜甜圈形状,我希望外圈是补间的那个)。
我试过这样做,但这会引发很多错误。我认为不可能这样:
通常对于显示对象,以这种方式完成。但它不适用于这个“甜甜圈”:
所以我的问题是,我怎样才能补间我的外圆的半径大小?
编辑:这就是甜甜圈的绘制方式,因此 resizeVar 需要从 75 更改为 150。
javascript - 如何使用 superscrollorama 对多个单词使用相同的补间?
我在这里再次成为一个新手——我正在尝试使用http://johnpolacek.github.com/superscrollorama/并且你可以想象 java 脚本的想法对我来说是非常压倒性的,尤其是这个“补间”的东西。
无论如何,我正在尝试制作一个滚动动画文字启动页面,并且我想两次使用相同的补间,我尝试查看常见问题解答等等,但即使它们对我来说太先进了,我还无法理解(嘎!)我试着输入'fade-it' 两次,但这不起作用。在底部添加另一个“淡入淡出”脚本也没有。显然我在这里遗漏了一些东西。有人想帮助我认为可能是一个容易解决的问题吗?;)
这是JavaScript:
javascript - 补间图像,然后是文本 Greensock 和 JS 动画
我正在尝试补间图像,然后让文字飞进来。我已经有图像飞了,但我似乎无法弄清楚如何在图像进入后让文本进入......另外,我想为整个 div 放置一个背景,但由于某种原因一切我试过没有出现,也没有任何循环。帮助?-- 图片是我自己在 Illustrator 上制作的,所以我无法上传图片,但如果有人可以帮我解决这个问题,我将不胜感激!
这是我的 HTML:
这是我的 Javascript:
这是我的CSS:
actionscript-3 - TweenMax 延迟调用和 killtweens 的
有没有人熟悉这个 Tween 的延迟电话,因为我一直在努力让它工作,但我做不到。我知道如何延迟调用函数,但我也想删除该 Tween 以进行延迟调用:
因此,如果玩家拿起加电,并且如果这个加电仍然存在,那killTweensOf
应该会终止延迟调用,clearPowerup
但事实并非如此。
谢谢您的帮助
回复
animation - 在动画结束之前执行 Tweenmax 回调
我在我的网站上使用 greensock gsap 制作动画。问题是在动画结束之前执行的回调。在下面的示例中,元素在动画的一半处被删除。
有没有人遇到过同样的问题?
actionscript-3 - AS3 补间光循环停止
我有一个循环动画停止并给我一个参数错误。我用几种不同的方式重做了编码,但无济于事。这是我的代码:
这是它给我的错误:
我正在努力提高我的补间技能,以准备一些即将到来的工作。任何帮助,将不胜感激。