search

customd / jquery-list

A plugin to make lists with group headers that float while-you-scroll, ala iOS contacts.
MIT License
43 stars 11 forks source link

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

Open anujgakhar opened 11 years ago

anujgakhar commented 11 years ago

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 commented 11 years ago

I'm having the same issue.

giver commented 11 years ago

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();