显然,将select元素作为css变换动画的一部分包含会导致回流,并对动画的感知平滑度和渲染时间产生负面影响。现在在桌面浏览器中,这并不重要且几乎不可察觉,但在移动设备上,不必要的回流非常昂贵!
这是演示此问题的基本小提琴:http://jsfiddle.net/w6NUT/
打开开发工具时间轴并注意如何将选择元素设置为display: none;
会导致“布局”记录停止。
我有一个相当复杂的网络应用程序,我正在创建一个包含许多子元素的节点的翻转动画,这个'select'元素是唯一有问题的孩子。
关于我如何能够解决这个问题的任何想法?我最终可能会将此作为一个错误提交给webkit人员,但我也在寻找一个短期的kludge hack修复程序。