Fazendo um elemento do meio para ficar preso no cabeçalho (ScrollView / ListView)

Eu quero fazer um elemento que é mostrado no meio deScrollView (ouListView) no primeiro e depois fica preso no cabeçalho da tela quando é rolado.

É uma implementação de protótipo em CSS + JS:http://jsfiddle.net/minhee/aPcv4/embedded/result/.

À primeira vista eu fariaScrollView incluirListView, mas o documento oficial diz:

Você nunca deve usar um ScrollView com um ListView, porque o ListView cuida de sua própria rolagem vertical. Mais importante ainda, isso faz com que todas as otimizações importantes no ListView sejam superadas para lidar com listas grandes, já que efetivamente força o ListView a exibir sua lista inteira de itens para preencher o contêiner infinito fornecido pelo ScrollView.

Então, quais abordagens posso tentar alcançar essa interface?

Atualizar: Eu tenteiStickyListHeaders, mas: "atualmente não é possível ter elementos interativos no cabeçalho, botões, switches, etc. só funcionam quando o cabeçalho não está preso." Além disso, não acho que seja adequado para essa situação. Eu não preciso de vários cabeçalhos, mas apenas um elemento do meio para ficar preso no cabeçalho.

questionAnswers(3)

yourAnswerToTheQuestion