问题标签 [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 回答
2930 浏览

jquery - 为 CSS/JS/jQuery 动画使用 Velocity.js 或 Transit.js?

我一直在使用 jQuery 的.animate()来为网站制作动画,并且非常喜欢它的工作原理。但是我刚刚了解到Velocity.jsTransit.js 的执行速度更快,可以为 CSS3 过渡设置动画,并且可以像 .animate() 一样在 jQuery 中使用。

我应该使用Velocity.js还是Transit.js来制作动画?为什么?

0 投票
2 回答
2508 浏览

javascript - 在没有 jquery 的情况下使用 Velocity.js UI 动画的问题

所以我有一个不能使用jquery的项目。我必须使用本机js。最近使用了 Velocity.js,我想在这个项目中再次使用它。但是在文档中,特别是在这篇文章中,我找不到任何建议来使 Velocity UI 动画(例如 transition.slideLeftIn )工作。

在文档中,我确实找到了一个示例,但这与 UI 已经制作的动画无关。

之后我尝试了:

然而,这些解决方案都不起作用。关于如何解决这个问题的任何想法?

提前致谢 :)

0 投票
1 回答
608 浏览

javascript - 速度.js。将 {bottom, top} 重置为“auto”不起作用,它仍然是“0px”

我以这种方式使用 Velocity 。

我需要 Velocity 将顶部:“0px”重置为“auto”,但 id 不起作用。

这是一个错误?还是我?

这是制作这个动画的正确方法吗?

0 投票
2 回答
2552 浏览

javascript - 如何绑定到多个元素上的“inview”事件

我正在玩 Velocity.js 和 jquery.inview,我希望页面上的所有标题在它们进入视图时都可以滑动。此代码适用于第一个标题:

如果我多次复制并粘贴以上内容并替换.movies-title为其他标题的类,它可以按我的意愿工作。

但是,这似乎是很多额外的代码。我尝试更改$('.movies-title')为,$(.movies-title, .tv-title, .books-title)但动画仅适用于列表中的最后一个元素。我还尝试添加一个名为.title所有标题的新类并更改.movie-title为,.title但这也不起作用。

我究竟做错了什么?如何压缩代码?

0 投票
0 回答
45 浏览

javascript - 动画大物体的小滞后

我最近发现了velocity.js,它真的很棒。我正在为一个非常大的 SVG 图形制作动画,它在屏幕上滑动(大约 5k px 宽度)。它看起来像这样:

但是,我在所有浏览器中都很少(非常轻微)滞后。有谁知道如何摆脱这些?我猜它可能是SVG的大小。我应该把它切成小块吗?那会有什么不同吗?

干杯,

0 投票
1 回答
128 浏览

jquery - 初始化 jQuery?

我正在尝试使用velocity.js来旋转div. 当我在codepen中对其进行编码时,它可以正常工作,但是当我尝试在我的html中运行它时却没有。我究竟做错了什么?我想把头发拔出来。

这是代码:

HTML

CSS

JS

使用速度库:
http ://cdn.jsdelivr.net/velocity/1.1.0/velocity.min.js

0 投票
0 回答
180 浏览

tumblr - 每当我尝试在 Tumblr 中包含像 Greensock 或 Velocity 这样的 JavaScript 库时,它都不起作用

jQuery 在 Tumblr 中运行良好。我尝试将此行从页眉移动到页脚:

p>

我也尝试过多次切换主题。我什至尝试过使用 jQuery 的 .getScript() 从多个不同的来源引入这样的 CDN,但没有任何运气。

当我使用这些库的 HTML 文件托管在我自己的计算机上时,它可以正常工作。

0 投票
1 回答
412 浏览

javascript - Custom AngularJS animation with third-party javascript libraries

While trying to build an animation based on velocity.js with AngularJS $animate, I encountered a small problem I couldn't figure for hours, although the solution was very simple. To avoid you the same difficulty, I present to you my solution:

Considering the following code:

0 投票
0 回答
122 浏览

javascript - 如何绘制 SVG 元素、扩展它并应用拖放?

我使用 Velocity.js JavaScript library.but 移动 SVG 对象,但在移动图像时它不会提供平滑度。如何使用 valocity.js 实现平滑度???

0 投票
0 回答
106 浏览

ember.js - Ember-velocity mixin 与 Ember 1.10.0-beta.2+pre.4bf76fc6 :错误:您必须在使用前安装velocity.js

嗨,我正在渲染嵌套组件。详细信息 Ember Inspector 1.6.3 Ember 1.10.0-beta.2+pre.4bf76fc6 Ember Data 1.0.0-beta.10 jQuery 1.11.1 Ember Simple Auth 0.7.1 Ember Simple Auth Testing 0.7.1 Ember Simple Auth Torii 0.7。 1

我已经安装了 ember-velocity-mixins 使用: npm install ember-velocity-mixin --save //package.json

//父组件.js

//子组件即person-cover.js

我收到以下错误

未捕获的错误:您无法在 inBuffer 状态下修改子视图

我的应用程序模板看起来像这样

//父组件.hbs

//子组件即person-cover.hbs

第二个让我困惑的错误

正如我之前提到的,我已经安装了 ember-velocity-mixin。

当我删除 VelocityMixin 表单组件时