Erstellen eines mittleren Elements, um im Header hängen zu bleiben (ScrollView / ListView)

Ich möchte ein Element erstellen, das in der Mitte von angezeigt wirdScrollView (oderListView) und bleibt beim Scrollen in der Kopfzeile des Bildschirms hängen.

Es handelt sich um eine Prototyp-Implementierung in CSS + JS:http://jsfiddle.net/minhee/aPcv4/embedded/result/.

Auf den ersten Blick würde ich machenScrollView einschließenListView, aber die offiziellen Dokumente sagen:

Sie sollten niemals eine ScrollView mit einer ListView verwenden, da ListView für einen eigenen vertikalen Bildlauf sorgt. Dies macht vor allem alle wichtigen Optimierungen in ListView für den Umgang mit großen Listen zunichte, da ListView gezwungen wird, die gesamte Liste der Elemente anzuzeigen, um den von ScrollView bereitgestellten unendlichen Container auszufüllen.

Also, welche Ansätze kann ich versuchen, diese Benutzeroberfläche zu erreichen?

Aktualisieren: Ich habe es versuchtStickyListHeaders, aber: "Derzeit ist es nicht möglich, interaktive Elemente in der Kopfzeile zu haben. Schaltflächen, Schalter usw. funktionieren nur, wenn die Kopfzeile nicht blockiert ist." Ich benötige nicht mehrere Header, sondern nur ein mittleres Element, um im Header hängen zu bleiben.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage