iOS硬件加速滑落

今天给大家提个好问题。我正在研究移动设备的下拉滑块（特别是iOS移动Safari）。我对它有相当的了解，但撞到了一堵砖墙。我遇到的问题是（高度/位置/边距）转换在移动设备上不太流畅。所以我已经转而使用转换，因为它们在移动设备上非常流畅。iOS硬件加速滑落

我用一个带小孩物品的容器。该文章在y轴上翻译为-120％，因此被容器隐藏溢出隐藏。点击后文章返回到原来的位置。

这个伟大的工程除了形式的一件事，当物品被转化-120％我下拉滑块:(

我的问题是，然后，我怎么能解决此之间造成的空白容器不崩溃吗？

希望你们能帮助

新增的jsfiddle ... http://jsfiddle.net/CeyJq/ – studioromeo

使用translate3d触发硬件加速：

-webkit-transform: translate3d(0,-200%,0); 
-webkit-transform: translate3d(0,0,0);

这是一个良好的KN自己的技巧迫使iOS设备使用硬件加速的CSS3转换。我已经为你更新了小提琴（注：我绑定到桌面浏览器测试的'悬停'事件）。

2012-05-07 20:11:36 blend

当然翻译和translate3d实现与问候硬件加速完全相同的效果。这个问题都归结到它的父容器，而不是与红盒子一起折叠。 – studioromeo

如果你看看jsfiddle translate3d修复了这个问题......虽然你似乎已经想出了自己的想法。翻译可能会启动一些桌面浏览器上的硬件加速，但不是所有的移动设备。 – blend

回答