问题标签 [velocity.js]

我正在尝试制作一个类似于该slideToggle()方法但使用velocity.js 的滑动切换淡入淡出动画 - 希望它会更加流畅。

因为我无法滚动到自动- 我将高度放在变量中并使用它来动画高度。我遇到的问题是高度值存储一次，如果页面稍微调整大小，则数字不再正确。- 另外 - 因为该区域在页面加载时被隐藏，（在它获得初始高度之后）我无法再次检查高度（如果发生窗口大小调整）

最终我想把它放到一个函数中，所以保持相对它的关键。

此外，如果您没有使用velocity.js，它基本上就像.animate() - 所以它不是问题的一部分。

HTML

CSS

jQuery（速度.js）

有任何想法吗？

编辑

我真的没有任何真正的理由需要这些部分display: none。这意味着我可以有一个带有溢出的外框：隐藏，并且内容将始终具有它的自然高度来检索和使用。

CSS

jQuery（带有velocity.js）

通过将 .box 设置为 height:0 并使用 .hidden-box 类隐藏溢出来“隐藏” .inner-wrapper。存储 .inner-wrapper 的高度，并且高度动画仅发生在 .box 上 - 以及 .inner-wrapper 上的不透明度......

在此处使用CodePen：

我使用velocity.js 试图查看CSS3 动画和Javascript 动画之间的区别。

对于 CSS3，我的动画位于 h1 和 h2 元素上

我的velocity.js版本是

出于某种原因，速度示例的脉冲标题帧不连贯。

这是 CSS3 的代码笔： http ://codepen.io/Snowfiring/pen/Beiba

这是 Velocity 的代码笔： http ://codepen.io/Snowfiring/pen/jbuvy

我有一个问题想问任何熟悉 jQuery 插件velocity.js 的人。我试图让一个项目从左侧滑入。这是等效的jquery代码：

这就是我想要的，我正在尝试对速度做同样的事情，我目前正在使用 translateX：

问题是该项目在 0 处生成，移动到 -150，然后滑回 0。我怎样才能让它在 -150 处生成？

编辑 - 已解决

如果其他人有兴趣，我必须将溢出属性设置为隐藏：

此外，insert() 函数是 Vue.js MVVM 框架的原生函数。这可能令人困惑，它插入了元素：http: //vuejs.org/guide/transitions.html

我正在尝试将交错选项应用于自定义速度序列。在我的示例中，我使用文档中的序列进行简化。

序列

通话（失败）

通话（成功）

当我使用 UI 包中的任何预定义序列时，会发生交错。

现场示例：http ://codepen.io/griable/pen/ncsmC

提前感谢您的帮助

我尝试使用jQuery visible插件来检测元素在视口中是否可见。我使用这样的代码：

我用滚动功能运行它：

问题是 - 每次滚动时动画都会重复。我能做些什么来防止它？

I have been working with Velocity.js and Vue.js and ran into a memory leak. Fiddle of the issue: You can see an example in this fiddle: http://jsfiddle.net/hRAn7/3/

I used Chrome's timeline function and noticed that the number of DOM nodes never decreases, even when I force a garbage collection. I started diving into the heap profiler but it is a bit over my head.

When I us .animate() instead of .velocity(), the DOM nodes seem to get GCed correctly.

It also seems that removing Vue also fixes the problem. Example: http://jsfiddle.net/yV6Zr/1/.

What could be causing this memory leak?

你好，

我试图让一个字符串逐个字符地出现和消失。首先，我使用 lettering.js 将字符串拆分为与字符串长度一样多的 span 元素。其次，我使用速度对它们施加一些影响。

所以例如

它运作良好，我的第一个角色移动并消失了 yiha！但是没有办法循环所有这些。如果您查看速度文档，对某物施加多种效果的唯一方法是调用尽可能多的 .velocity 来添加效果...存在循环属性，但您不能将所有速度调用都放入一排。

有谁知道我如何用速度做到这一点？我实际上不想使用动画。

谢谢你的帮助！

托马斯

有一些不透明度的velocity.js问题

例如，在 css 文件中：

和咖啡脚本部分：

速度不会有任何影响。背景颜色也是如此：例如#background{ background-color: rgba(255, 255, 255, 0.5) }，如果通过速度改变背景颜色也不会产生任何影响。

对此的任何反馈表示赞赏！

我对这个动画有疑问：http: //jsfiddle.net/pietrofxq/6kjnnkqx/

如果您将鼠标放在黑色圆圈的中间上方，并且鼠标快速移动到黑色圆圈下方，则动画会出现错误：图标回到原来的位置，但文本保持不透明度：1。

如果在代码中，我只是在文本获得 opacity:0 之后将图标的位置设置为其原始位置，这怎么可能？

如何在不使用 ng-model 的情况下使用他的 id 获取 html 元素的值

我尝试以速度将数据获取到我的页面，并将此值设置为 textarea，我让用户可以修改此元素的内容，为此我得到了很好的数据。

问题是当用户修改元素的内容时，如何使用 angularjs 进行修改

我试试这样

在屏幕上我没有看到 textarea 的值