jQuery Animate - 以固定速度将 DIV 移动到 X、Y 位置
jQuery Animate - Move DIV to X, Y position with a fixed speed
我当前的jQuery代码将元素移动到页面上的X和Y位置,但是无论距离如何,我都想要恒定的速度。
例如,如果我移动一小段距离,时间会很慢。如果我移动到更远的距离,div 会很快射到该位置,这不是我想要的,但我不确定如何改变这一点。
$("#myAvatar").offset({ top: y, left: x})
我正在使用上面的代码,很想看看无论元素移动的距离如何,如何保持固定的速度。
对不起,如果我含糊不清或这个问题难以理解,将很乐意澄清。
编辑**
CSS是
transition: left 1.2s cubic-bezier(.42,-0.3,.78,1.25), top 1.2s cubic-bezier(.42,-0.3,.78,1.25);
过渡速度,1.2s是我应该在这里修复的。我不确定如何在JavaScript/jQuery中动态调整它以实现相同的速度,无论X和Y点之间的距离如何。
如果你
想要恒定的速度,那么使用"线性"而不是"立方贝塞尔(..)"。
你可以使用 .animate()
$("#myAvatar").animate({ top: y, left: x},1200);
1200 只是一个持续时间,您可以使用您喜欢的持续时间进行更改,但 1200 = 1.2 秒,您在 CSS 中拥有
相关文章:
- 在不移动元件的情况下从相对位置更改为固定位置
- 如何在鼠标悬停时将对象从起始位置移动到结束位置,然后在鼠标悬停后再次移动
- 将插入符号位置移动到ContentEditable<DIV>
- 我发现了一些只在移动设备上可见的垃圾邮件链接,我可以'找不到包含此垃圾邮件链接的脚本的位置
- float's未返回到移动视图结束后的位置
- 将javascript数组中的项移动到特定位置的有效方法
- 如何将节点移动到所需位置
- Photoshop脚本:将图像移动到位置x,y
- 在鼠标上触发鼠标移动'的当前位置
- 固定图像滚动移动位置
- Javascript滚动和移动位置
- 如何确保按钮点击均匀移动位置
- 当地图移动时,必应地图InfoBox会在FireFox和Chrome中移动位置
- 当尝试按下鼠标选择所有对象时,对象会自动移动位置(Fabric.JS)
- 在必应地图上获取移动位置
- 精灵图像的随机移动位置
- 如何将多个标记添加到移动位置谷歌地图,Javascript
- 创建用于移动位置的常量而不是变量
- 如何根据鼠标移动/位置应用效果
- MediaWiki我如何得到[折叠]链接不移动位置与文本