webkit溢出滾動觸摸衝突與webkit變換

Question

它似乎應用webkit-transform財產的元素或它的父母已完全打破滾動根本不起作用的滾動。

有沒有人遇到過這個bug並知道解決方案？

Answer 1

我現在的（哈克）解決方案是這樣的：

$container.one 'webkitAnimationEnd', -> 
    $container.find('.contents').remove() 
    $container.append('.contents') 

基本上我刪除並重新添加滾動div的內容動畫結束之後。希望有人對此有更好的解決方案。

Answer 2

我有完全相同的問題，它只會消失，如果我溝-webkit-transform並切換到絕對定位。

這樣會很好，除了絕對定位導致糟糕的性能和iOS上的波濤洶涌的動畫，這在iOS 6+無法補救W /以前流行的translateZ和translate3D強制硬件加速黑客。

我想出了一個黑客，但它是如此可怕，實際上醜陋，你可能不希望任何進一步閱讀：

就拿我們想申請-webkit-overflow-scrolling:touch並從我們的元素完全分離的元素將-webkit-transform應用於。使用z-index操作可以使滾動元素出現在原來的相同位置，同時保留-webkit-transform以使原始容器（現在是空容器）自然地動畫到位。在我的情況下，這種黑客攻擊雖然不足，因爲可滾動內容會突然出現在動畫容器的頂部，而不是與其一起滑動。