Überlauf: Scroll-Elemente auf Android und Native Scrollen, -webkit-Überlauf-Scrolling: Touch

Question

..mit diesem Projekt werde ich meinen Verstand irgendwann verbrennen. Nach 10 Stunden ist noch nichts dabei.

Es gibt keine Glätte im Android Stock Browser (derzeit testen auf s3 Mini, Android 4.1.2) in überflogenen Elementen.

So las ich diesen Artikel hier: Chrome Browser for Android no longer supports -webkit-overflow-scrolling? Is there an alternative?

... der Artikel sagt, dass Sie streng z-Index verwenden: 0 in flogenen Elemente zu ermöglichen ‚schnelles Scrollen‘ aka nativer auf Android beschleunigte Scrollen Geräte.

Nach dem oben genannten, und durch Hinzufügen von translateZ: (0) und -webkit-translateZ: (0) (das hat mich mehrere Stunden zu realisieren!) Ich habe es geschafft, natives Scrollen für Chrome, aber für das Leben von mir kann es nicht in den Stock Android-Browser arbeiten.

Android Stock Browser hat mich eine Million Probleme bisher verursacht, und es kann einfach nicht aufhören. Jede Hilfe wird geschätzt! Off ich schlafen gehen, hoffentlich bekomme ich einige ...:/

Answer 1

ich einen Blick auf https://famo.us/ nehmen würde oder iScroll.js

Answer 2

... Als Nebenbemerkung, um Menschen daran interessiert, da dies ein worden beliebte Frage.

Es ist eine Kombination von zwei Dingen android nicht verarbeiten kann:

relativ positionierten Elemente in einem überflogenen Element an einer festen Position Element.

Ich kam zu dieser Schlussfolgerung nach viel Versuch und Irrtum. iScroll ist ziemlich nett, aber ist auch ziemlich "schwer" js - die Verwendung der obigen Kombination könnte zu den gleichen Leistungsproblemen führen. Touch verwendet wird:

Also, wenn Sie vermeiden können, mit der obigen Struktur verwendet wird, dann werden die neuesten Android-Versionen 4+ flogenen Elemente ziemlich gut und ziemlich glatt, solange die -webkit-überflogenen-Scrolling umgehen kann.

Hoffe, das hilft.