2012-07-01 10 views
5

webkit-over-flowing-scrolling: touchを持つ親またはその親にwebkit-transformプロパティを適用すると、スクロールが完全に機能しないという点でスクロールが完全に中断されるようです。ウェブキットオーバーフロースクロールタッチがWebkitトランスフォームと競合する

誰でもこのバグを経験し、解決策を知っていますか?

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

は基本的に私は削除して、アニメーション終了後にスクロール可能なdiv要素の内容を再追加している:

答えて

0

私の現在(ハック)ソリューションは、このようになります。うまくいけば、誰かがこれに対してより良い解決策を持っていることを望む。

0

私はまったく同じ問題を抱えています。私は-webkit-transformを捨て、絶対的な位置付けに切り替えるだけです。その絶対位置がiOS版で6+以前に人気のtranslateZtranslate3D強制ハードウェアアクセラレーションハック/ wを改善することができないiOSのお粗末なパフォーマンスと途切れアニメーション、につながる以外

これは、罰金になります。

私はハックを考え出したが、あなたがそれ以上を読みたくないかもしれないので恐ろしい、実際に醜いです:

は、我々が-webkit-overflow-scrolling:touchを適用するエレメントを取り、我々は要素から完全に分離-webkit-transformを適用してください。 z-index操作を使用してスクロール要素を元の場所に表示し、-webkit-transformを保持して元のコンテナ(現在は空のコンテナ)を自然にその場所にアニメーションさせます。私の場合、このハックは短くなります。なぜなら、スクロール可能なコンテンツは、それに沿ってスライドするのではなく、突然アニメーション化されたコンテナの上に表示されるからです。

関連する問題