javascript - Jquery/CSS 动画性能

标签 javascript jquery html css

我对 jquery 创建 css 动画有疑问。

我刚刚完成了一个 jquery 插件,它使用 css 绘制和动画化 dom 元素。我只使用 jquery 来更改和创建 css 变量。我刚刚在手机上测试了我的代码,它似乎变得非常不稳定。从我一直在阅读的内容来看,CSS 3 动画是硬件加速的,而 jquery 不是。

所以... 由 jquery 硬件创建的运行时 css 属性是否加速?

例如,将 css 属性应用于使用 transition-duration 0.3s 的 Blade

$(blades).css({'width':'5px'}); to animate

http://andehlu.github.io/sensuJS/ 查看我的代码

谢谢。

最佳答案

那些不影响 DOM 元素结构的转换/动画类型(例如 CSS 转换或不透明度)被推荐用来提高动画速度(而不是改变例如 widthtop 什么会影响其他 DOM 元素)是的,CSS 动画比 JS 快。

更多信息你可以找到HERE

HERE

关于javascript - Jquery/CSS 动画性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26438668/

相关文章:

javascript - 用下格定位上格

javascript - Django - 在获取 POST 后显示 Jsonresponse

java - HtmlInputFile 的自定义 html 属性

jquery - CSS 更大的可点击 href 区域

Javascript代码操作dijit编辑器主体通过id获取元素

javascript - 如何调整此 Highcharts 的大小?

javascript - jquery 只选择第一组单选按钮

ajax - `success: function(msg)` 在我的 jQuery Ajax 调用中意味着什么?

php - jquery 搜索和替换

javascript - 简化 jquery 中的冗余脚本来激活项目