问题标签 [velocity.js]

我很难理解为什么这会在元素已替换 HTML 然后淡入的顶部留下轻微的文本片段。这是代码：

这也是输出的图像（“哟！”上方的人工制品）：

我正在使用cordova开发一个应用程序，webview是chromeview 33，device nexus 4。

我正在使用一个简单的背景，当单击 btn 时应该将其不透明度更改为 0.5。

过渡是使用velocity.js 进行的，我也将velocity 用于其他过渡，并且它们都可以正常工作。

然而，我的背景转换在此设备/webview 上不起作用，不透明度保持为 0（我认为，因为我看不到它），而远程开发工具显示的变化值高达 0.5（正确的目标值），效果只是在我在 chrome 开发工具中移动鼠标后可见，每次鼠标悬停在任何元素上都会触发重绘或类似应用正确样式 0.5 的东西。

tl;dr chrome 开发工具将正确的值显示为元素上的内联样式属性，但直到我通过在 chrome 开发工具中移动鼠标以某种方式触发重绘时才真正应用它

这只发生在chromeview 33 / nexus 4上，而不仅仅是在打开开发工具时

浏览velocity.js changelog 我读到：

... 2) 背部、弹跳和弹性缓动已被移除。请改用弹簧物理学。...

我想知道是否有任何简单的方法easeOutBounce可以使用缓动重新创建 jQuery animate 可用的效果spring，它接受自定义参数？

默认情况下，您可以使用以下spring缓动：

可以通过指定[tension, friction]而不是仅传递 easing 关键字来自定义弹簧缓动spring。所以你可以这样做：

我不明白要使用哪些摩擦和张力值来实现easeOutBounce easing。我试图让球在达到 200 像素时弹起 - 但它充当“松散”的弹簧，低于地线而不是弹跳。

这是否可以仅使用 velocity.js 以简单的方式完成，所以我不需要自己实现自定义缓动功能？

我在页面上有想要动画查看的元素，但是在它们动画之后，我想将它们的进一步动画推迟到 CSS（通过更改类）......我发现 Velocity 留下了我所有的动画标记中的属性style=并使 CSS 过渡变得不可能。

我在下面有一个解决方案，但是在complete上重置 CSS 似乎有问题，我想知道是否有更好的方法来做到这一点？

I have created a few Velocity.js animations that work well on a laptop using Chrome, Safari and Firefox, however, the animations sometimes crash or don't appear on my ipad2. Due to the fact that it sometimes works, leads me to believe its my ipad2. My question, is it possible to disable animations for ALL mobile devices, so they would display non-animated content?

Am assuming this would need to be done via JavaScript??

Thanks in advance!

使用名为 Velocity JS 的库进行动画制作：http: //julian.com/research/velocity/

我使用它如下：

我要做的是检查动画成功完成后是否完成返回true，以便我可以切换动画。

检查是否属实的最佳方法是什么

这将返回未定义。

感谢任何帮助。

我需要在游戏中找到物体的速度。该游戏是用 jquery 和 jquery.box2d 用 HTML5 制作的。为此，我可以使用以下方法：

然后我试图从这段代码中计算速度，但是当我 console.log 时得到一些没有意义的值。这是我的代码：

console.log 中的一些值是数字，但大多数是 NaN（非数字），这让我感到困惑？有人可以帮我解决这个问题吗？

我想要实现的目标是查看（对象.currenHero）的速度何时降至某个值以下，这样我就可以在游戏中执行一个新状态。

我正在尝试制作一个圆形进度条，就像在这里看到的那样。

这个 jQuery 插件正是我想要完成的，但问题是它不像velocity.js 那样跨浏览器。

我查看了其他来源，例如：

1. 示例 #1
2. 示例 #2

3. 例子#3

   /li>

我有一个元素，我想在velocity.js的帮助下转换到某个状态（变换：比例（1）和不透明度：1）。初始状态在 css 中设置（变换：比例（.9）和不透明度：0）。

现在我第一次这样做时，动画就不会发生（在第一次加载时）。关闭它（将其设置回原始状态）后，当我再次调用它时，过渡效果很好。

我以codepen为例： http ://codepen.io/IbeVanmeenen/pen/iFwBE

谁能帮我解决这个问题？

我正在尝试使用velocity.js 制作那种循环动画：将X 轴上的对象从0 平移到473，然后从0 平移到473，依此类推。

我已经成功地做到了这一点（下面的代码），但在 Android Chrome 和 iOS Chrome 浏览器上，循环会以一些延迟（滞后）重新开始。有人可以帮忙吗？