问题标签 [velocity.js]

仅用于解释目的。实际代码看起来不同。

我已经让图像在容器内很好地滚动。上下循环。看起来很棒。但是，如果我改变容器的高度（由我的媒体查询调用），那么计算就会不同步。我想重置滚动，但它不起作用。我也尝试过类似 scrollingImage.css({transform: 'translateY(0px)'}); 在停止动画之后并在重新调整大小之前重新启动它，但没有运气。如果我以新的大小重新加载页面（所以容器是 300 而不是 500）它会很好用。但如果它在浏览器调整大小时即时发生，则不会。任何帮助将不胜感激。

我想为渐变设置动画以“向右移动”，为此我必须为停止元素的偏移属性设置动画，但现在我只是成功地为停止颜色属性设置动画。

作品：

不工作：

非常感谢我能得到的任何帮助。谢谢

我正在我的浏览器上使用一个非常简单的脚本来尝试velocity.js，但我无法让它工作。也许有人可以帮助我？

提前致谢。

我正在使用velocity.js 进行脉冲动画。我有简单的代码在html中我有：XXXXXXXXXXX

在 javascript 中：
var blinkNext = 0; // 全局变量

预期行为： div 部分应该脉冲然后停止。问题：clearInterval 没有停止脉冲标注。我搜索了很多但找不到任何东西

我在一个不太好的模板中工作，这迫使我用 JS 加载一些脚本，因为我无法控制那里的顺序。我正在尝试加载一个库，但是当我尝试调用它时，我得到一个未定义的错误。

获取错误：未捕获的类型错误：$(...).velocity is not a function

怎么会这样？我刚给你装！

好的，与必须加载的另一个脚本发生冲突，为了解决这个问题，我将速度代码包装在一个闭包中并将“定义”设置为空。

当它悬停时，我正在使用 Velocity 为 svg 中元素的不透明度设置动画。我已经把文本放在了一个外来对象中。当您将鼠标悬停并且文本出现并移动时，在过渡期间总会有一个时刻在其右端剪辑文本。有没有人能帮我把它改成更流畅的动画？

这是我设置异物的方法。

这是动画它的代码......</p>

这里的例子……</p>

http://jsfiddle.net/Rssll/bggLhvyk/2/

谢谢你。

所以我正在研究一个流星项目，并试图在用户点击它外部时关闭一个下拉菜单。我在使用 jquery 和普通 html 之前已经这样做了，但这次我们使用velocity.js 和meteor。

所以在打开下拉 div 的链接上，我有这个：

然后我使用流星包来处理身体上的事件，因为现在不支持..

但是上面的方法不起作用..它基本上只是使菜单出现然后立即消失。它与velocity.js，meteor有关还是我只是做错了？！？

任何建议将不胜感激！

我的代码：

…以及我在运行它时收到的错误：

这发生在这一行：

我不确定发生了什么，但我觉得这与我对 Velocity 的需求有关。有什么建议么？

我有两个描述我的问题的 CodePens。我正在使用 Velocity 为页面上的 React 渲染元素设置动画。

• 工作代码笔
• 不工作的 CodePen

目标是根据排名在页面上下移动这些“文章”。它们是绝对定位的，我根据rank * height.

工作示例成功显示所有元素，然后在2setTimeout秒后反转顺序。

非工作示例应该做完全相同的事情，但它在页面上移动的唯一一个是最终的 DOM 对象 ( ) id=article-5。

示例之间的唯一区别是工作示例在页面上已经渲染了 DOM 元素，而非工作示例通过 JavaScript 渲染 HTML

不太确定为什么动态添加 HTML 元素会破坏这一点。值得注意的是，前 4 个未能动画化的元素都有 class velocity-animating，这意味着 Velocity 至少尝试过为对象设置动画，但似乎在某个地方失败了。

有任何想法吗？

所以在“发现流星”这本书的后面，他们解释了如何进行页面转换。我已经让它工作了，但是它会导致在其动画进入的其他页面上加载 javascript 函数和变量时出现问题。在路由页面时，它们似乎还没有准备好或根本不存在。

如果我删除上面的代码，那么我所有的 javascript 变量和函数都可以正常工作。有没有人有另一个使用velocity.js 的页面转换解决方案？我确实找到了这个，但它已经一岁了，我根本无法让它工作，它只会使“{> yield}”的内容变为空白:(