html选择标记错误导致css转换动画期间的重排。解决方法的想法?

时间:2012-08-16 23:41:09

标签: css webkit css-transitions css-transforms html-select

显然,将select元素作为css变换动画的一部分包含会导致回流,并对动画的感知平滑度和渲染时间产生负面影响。现在在桌面浏览器中,这并不重要且几乎不可察觉,但在移动设备上,不必要的回流非常昂贵!

这是演示此问题的基本小提琴:http://jsfiddle.net/w6NUT/ 打开开发工具时间轴并注意如何将选择元素设置为display: none;会导致“布局”记录停止。

我有一个相当复杂的网络应用程序,我正在创建一个包含许多子元素的节点的翻转动画,这个'select'元素是唯一有问题的孩子。

关于我如何能够解决这个问题的任何想法?我最终可能会将此作为一个错误提交给webkit人员,但我也在寻找一个短期的kludge hack修复程序。

0 个答案:

没有答案
相关问题