问题标签 [velocity.js]

我不知道为什么 angular-velocity 模块没有初始化，尽管我包含了这里写的所有必需的脚本（https://github.com/cgwyllie/angular-velocity）

这是我的 HTML index.html

这是我的应用程序，js

通过运行它，我在 chrome 控制台中收到以下错误。

有人可以向我解释为什么这个模块无法初始化吗？

我想用css / jquery / velocity.js模仿 powerpoint 的擦除效果。

所需效果：https ://www.youtube.com/watch?v=VSBB0wfccws

我尝试使用 css3 masking (svg/gradient) 但没有成功。

这是一个没有遮罩的简单擦除效果：

http://plnkr.co/edit/Sys20pLwGb1MK8gBiX5a?p=preview

最好它应该适用于所有现代浏览器。

我有一个关于使用velocity.js悬停在元素上的问题。

目前，当用户将鼠标悬停在元素上时，我使用 CSS 来放大/缩小元素并为其设置动画，并且我使用 velocity.js 在页面加载时为其初始设置动画。

所以我的问题是；我应该如何使用velocity.js来替换这些CSS动画/我应该怎么做？目前我在页面加载时使用速度，因为我确信这就是它的设计目的，但它是否也适用于悬停之类的东西？

使用 jQuery，我猜这就是应用悬停效果的方式：

这也是速度之类的方法吗？您只是在 jQuery 悬停功能中添加速度代码？

感谢您的任何澄清；我认为这是一个合适的地方发布这个问题已经存在相当多的问题。

我正在使用velocity.js 为css 属性设置动画。

我也想根据动态事件将相同的属性更改为相同的目标值。

特别是捏手势（hammer.js）和滚动。

为此，我需要一些方法来告诉速度我只想要完整动画的一个子集。例如将其设置为完整动画的 10%。

将整个动画分成 x 个小部分会破坏我认为的缓和。

我有这个代码：

如果用户从顶部滚动 xxx 像素，则动画应该开始，并且效果很好。

我刚刚注意到的一件事让我很困扰 - 每次滚动时，速度动画都会检查 scrollTop，所以当我滚动时整体动画并不流畅，因为在触发动画之前，函数正在检查滚动。

有没有其他方法可以让它平滑？

例子：

http://codepen.io/anon/pen/bIkqF

我正在开发一个带有推送菜单的项目。当内容 div 滑过时，菜单按钮在进入屏幕时会有一点动画。不需要很长时间或其他任何事情，但我遇到的问题是，如果用户连续多次快速打开和关闭菜单，列表中的项目开始消失并以错误的顺序重新出现。我认为这是因为新的动画调用正在取消旧的调用，并且通常会破坏事物的顺序。

理想情况下，我希望动画始终正常运行（即，如果菜单正在打开，请清除所有以前的动画并仅播放开始动画）。

但是，如果我至少可以让每个元素正确地对其动画进行排队，以便菜单中的元素在打开菜单时不会随机消失，我会很满意。

这是问题的一个小提琴：

http://jsfiddle.net/9t10zr6m/1/

顶部 div 是透明的，因为它通常具有背景图像。也因为我认为如果你能看到顶部 div 下方发生的事情，可能更容易看到菜单的问题。

这是相关的jQuery代码：

});

和相关的html：

你如何制作 jQuery 入队动画？还是只为右键单击播放正确的动画并跳过所有以前的动画？

我尝试了 .finish() 和 .stop() 但似乎都没有解决我的问题。有任何想法吗？那些不适用于velocity.js 吗？

任何人都可以建议如何使用更复杂的元素获得稳定的 60+ FPS，而不仅仅是更多或更少的空 div？

我为此目的构建的一个示例：http: //codepen.io/tommiehansen/full/JKiBG/

我已经阅读了有关避免 CSS 转换等的信息，但它仍然归结为只要有任何类型的正常元素组要制作动画，它就不会总是得到 60+。PEN 使用了 0 个坏东西，例如 box-shadow、border-radius 等。

我可以像这样更改 left 的值：

但是我怎样才能用一个变量来动态地改变这个属性，就像这样。

然后我可以动态地将一侧设置为向右或向左。

我在 iPad 上进行测试时遇到了一个晦涩的问题。我有一系列元素在页面上射到它们各自的位置。但是，最近在 iPad4 上，我发现元素不会射到它们的位置。这些元素应用了“速度动画”类，但随后它们挂起并且从不动画。我曾尝试使用 stop() 和 clearQueue() 但没有运气。

那里使用了几个变量，但是一个元素数组被传递到函数中，我通过它迭代动画到元素的设置顶部和左侧值。

奇怪的是，如果我将 iPad 从横向旋转到纵向再向后旋转，元素就在正确的位置。有任何想法吗？

我想使用velocity.js 序列和transition.slideUpDown。

如果我以这种方式使用它，它可以工作。$($element).velocity("transition.slideUpDown", 500);

但是，如果我想将它与序列一起使用，我无法让它工作。

有人有想法吗？

谢谢