问题标签 [velocity.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
864 浏览

jquery - 如何创建“推”和“拉”效果?

更新:
在这些示例中,我们使用velocity.js但是,如果有人可以仅使用jquery删除一个示例,那对我来说很好。只需要理解逻辑,然后我尝试适应。

请在这里快速浏览:

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

试图解决的问题

我希望按钮“少显示”和“多显示”以某种方式“跟随”幻灯片动画。
这一刻,他们只是“跳跃”,让这个动画变得更加流畅。
在某种程度上,当内容上升时,按钮也会上升,当内容下降时,内容也会下降。:(

谁能帮帮我?

我依赖于完整形式的 Velocity.js,虽然这是可以理解的,但也许那是我做错了。:(

请指教:

HTML:

CSS:

JS:

0 投票
0 回答
296 浏览

jquery - 使用velocity.js的jQuery移动更改页面转换

我的多页 jquery 移动 android 应用程序使用转换来通过滑动手势更改页面,例如:

性能真的太慢了​​,所以我正在考虑使用velocity.js。我知道如何使用它来为元素设置动画,但我不知道如何在页面容器更改事件中应用它,并且通常对于小部件事件中包含的所有转换(例如打开弹出窗口、更改页面等)

0 投票
2 回答
93 浏览

javascript - 让velocity.js在JSBin上工作

这必须很简单;我究竟做错了什么?

http://jsbin.com/tayemi/2/

Velocity似乎不想做任何事情。

0 投票
5 回答
4015 浏览

javascript - 停止后重新启动velocity.js动画循环

我试图找出是否有办法在速度动画停止后重新启动它。

是否有一种只有速度的方法,而无需再次应用具有相同属性的新动画?

0 投票
1 回答
164 浏览

jquery - 等待,然后用velocityJS重新开始动画

有没有办法停止动画,然后在我停止动画的同一点再次启动动画?

我知道使用“停止”方法可以停止动画,

但有了它我无法恢复动画。

谢谢

0 投票
1 回答
216 浏览

javascript - javascript,在velocity.js中使用变量作为属性名

我正在尝试在velocity.js 函数中设置一个带有javascript 变量的属性名称,但它并不能正常工作。

如果我将其设置为没有变量,则函数如下所示:

我正在尝试为函数的“rotateX”部分使用一个变量,我所拥有的是:

它实际上并没有引发任何错误,但旋转不会发生。关于如何使它工作的任何想法?谢谢!

0 投票
2 回答
1311 浏览

javascript - 使用velocity.js 为SVG 元素制作动画

这是jsfiddle的链接。在附加的jsfiddle中,我使用velocity.js创建了一个可拖动的SVG元素。但是沿x轴和y轴拖动是非常生涩的。请建议。我很困惑是我的错误还是velocity.js

http://jsfiddle.net/KashifMKH/v1xx9nd1/6/

0 投票
1 回答
1226 浏览

javascript - Animate draggable element using velocity.js

I am using velocity.js to animate a draggable SVG element as it is dragged by the user. However, velocity.js queues the previous mousemove co-ordinates & animates through all the subsequent mousemove co-ordinates. What I want is velocity.js not to queue the co-ordinates but animate to the latest co-ordinates as passed on by the function.

Check this jsFiddle

function moveboth(evt){ setTimeout(function move(){

0 投票
1 回答
372 浏览

javascript - 使用 Polymer core-animation 从当前值进行动画处理

top我的 Polymer 应用程序将对象从任意位置动画化到0. 它现在正在使用 Velocity 来执行此操作,因为从任何当前状态动画到新状态的方式非常明显。与 Polymer's 有可能(甚至是适当的)core-animation吗?所有演示都在每个关键帧处显示固定值。

0 投票
1 回答
951 浏览

velocity.js - velocity.js 在 2 张图像之间缩放

我正在尝试将我的代码从 css 迁移到速度以获得更好的外观和感觉:) 有人可以建议什么是实现这一目标的最佳方法吗?当用户悬停菜单项时,它的大小会发生变化(缩放),基本上是从一个图像到另一个图像的过渡

这是纯CSS:

} .site #menu-2.active-page {background-image: url('../images/img/menu-2-hover.png'); }

谢谢