Headers dont change during scrolling on iOS with -webkit-overflow-scrolling

[anujgakhar]

I have noticed an issue. If you use -webkit-overflow-scrolling:touch on iOS the headers don't change until after the user has stopped scrolling. This is probably because on iOS, the scroll event only gets fired when scrolling has stopped. One solution would be to use ontouchmove/start events along with the scroll event to change the headers with animation while the user is scrolling..

[rafaelgoulart]

I'm having the same issue.

[giver]

You must trade of the native scrolling performance with addition jQuery scroller library Nicescroll. You must initialize Nicescroller after jquery-list like below.

$('#mylist').list({headerSelector : '.list-header'});
$(".ui-list").niceScroll();