问题标签 [velocity.js]

Velocity 钩子在scaleFirefox 和 Chrome 中按预期动画，但在移动 Firefox 和移动 Chrome 中似乎动画两次：

示例scale动画

当duration设置为小值（尝试 1）时，元素缩放一次并且缩放被撤消。

为什么会这样？

帮助！

在 IE 10 及更低版本中运行时，velocity.js 似乎存在某种错误。

我在控制台中突出显示：“var n=r.toString().match(/blur(([0-9]+[Az]+))/i)”和“无法获取属性‘toString’未定义或空引用”。

任何想法为什么？

我正在使用 动画velocity.js，并希望在动画完成后返回块。所以我el[0].style.transform = "translateX(0px)"再次分配和调用函数，但动画不再起作用。

http://jsfiddle.net/nbLLzqn0/2/

我究竟做错了什么？

我最近从 jQuery 动画切换到velocity.js 动画以提高性能。切换很浪费，因为语法大同小异。但是，使用 jQuery 的step-function 似乎不适用于它：

velocity.js 中是否有类似的东西可以用来在每一帧上运行一个函数？

我有一个聊天应用程序，当我为元素的高度设置动画时，我需要聊天保持向下滚动。使用 jQuery 动画，我的解决方案是.scrollDown()在每一帧上运行。.scrollDown()是我自己的扩展，它只是滚动到所选元素的末尾。

我正在使用 requirejs 加载我的文件和依赖项。然后我使用 grunt 将所有内容压缩到一个文件中。我可以看到我的所有插件都在我的最终 js 文件中加载/编译（在我所有的应用程序特定方法之上）。

I have a select input with some values, when the select changes - depending on the value, I want to show/hide some additional things on my page. 很直接。

我不太明白的是为什么我在调用它时会得到“速度不是函数”。我知道这是因为它没有看到任何东西——但我可以说，一切都在那里。

这是我的配置文件和具有事件侦听器的应用程序文件。一切都很好 - 直到调用速度。查看文档，似乎我正确地调用了速度。

配置.js

应用程序.js

html

编辑

如果我使用slideDown()，一切正常 - div 向下滑动以显示文本。

jQuery

编辑

这是我的 Gruntfile.js 配置：

要运行，我使用grunt development

我正在使用 Velocity UI 包和 Blast.js（用于操作文本）。基本的东西，将分隔符选项放在字符上，然后使用具有交错和预构建效果的 UI 包进行动画处理。

问题是无论我使用什么效果，我总是得到淡出效果。

在同一页上，我有一个分成三部分的标志，所有的效果都像一个魅力。当然，这里没有涉及 Blast.js。

这是使用的代码：

此外，这里是测试网站的链接：http: //madebym.me/test/polar-publishing/

您如何将这两者结合起来，以便可以向上滑动一个项目，但在动画开始时触发一些 JS。

上滑代码

开始：代码

做这样的事情是行不通的。

我正在开发一个 HTML5 游戏。用户界面相当复杂和动态：我使用了很多容器，并用各种速度动画 DOM 元素填充它们。这样的容器一直被创建和销毁，所以我想知道是否应该担心速度框架中的内存泄漏。我可以或应该做些什么来帮助垃圾收集器完成它的工作吗？谢谢你。

有没有办法将 translateX 翻译到视口的左侧？我需要使用 translateX 而不是 left 来使用 CSS 动画。

这是一个codepen，它使用velocity.js 插件近似于我正在尝试做的事情。问题是我想将 translateX 动画到视口的左上角，但不知道如何计算..

这是我设置 translateX 的相关 javascript：

感谢您的建议！

我正在使用 Velocity 在屏幕上转换元素。完成后，我希望元素返回其原点并循环动画，绕过循环时发生的默认反向效果。

我有我的标准动画函数，我将我的值传递到其中：

有没有办法通过翻译元素而不是仅仅旋转它来实现这个功能？