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以使原始容器（现在是空容器）自然地动画到位。在我的情况下，这种黑客攻击虽然不足，因为可滚动内容会突然出现在动画容器的顶部，而不是与其一起滑动。