Es scheint, als ob eine webkit-transform Eigenschaft auf ein Element oder seine Eltern, die webkit-over-flowing-scrolling: touch hat bricht vollständig das Scrollen in diesem Scrollen funktioniert überhaupt nicht.Webkit Überlauf Scrolling Touch Konflikte mit Webkit Transformation
Hat jemand diesen Fehler erlebt und weiß von einer Lösung?
Mein aktueller (hacky) Lösung sieht wie folgt aus:
$container.one 'webkitAnimationEnd', ->
$container.find('.contents').remove()
$container.append('.contents')
Im Grunde ich bin zu entfernen und dann erneut hinzufügen, den Inhalt des scrollbaren div nachdem die Animation endet. Hoffentlich hat jemand eine bessere Lösung dafür.
Ich habe genau das gleiche Problem, und es geht nur weg, wenn ich -webkit-transform Graben und auf absolute Positionierung wechseln.
Das wäre in Ordnung, außer dass absolute Positionierung führt zu lausigen Leistung und choppy Animation auf iOS, die in iOS 6 + nicht behoben werden kann mit den zuvor beliebten translateZ und translate3D erzwungenen Hardwarebeschleunigung Hacks.
dachte ich einen Hack, aber es ist so scheußlich und eigentlich hässlich, dass Sie nicht weiter lesen möchten:
Nehmen Sie das Element, das wir -webkit-overflow-scrolling:touch zu und trennen es von dem Element vollständig anwenden möchten wir Anwendung -webkit-transform an. Verwenden Sie die z-index-Manipulation, um zu bewirken, dass das Scroll-Element an derselben Stelle angezeigt wird, an der es ursprünglich gelandet wäre, während -webkit-transform beibehalten wird, damit der ursprüngliche Container (jetzt ein leerer Container) auf natürliche Weise animiert wird. In meinem Fall ist dieser Hack jedoch nicht schnell genug, denn der scrollbare Inhalt erscheint plötzlich oben auf dem animierten Container, anstatt mit hineinzugelangen.