jQuery Mobile lazy load list items

Question

How do you know that you are at the bottom of a list in jQuery Mobile, I need to lazy load in more results when the end of the list is reached?

Answer 1

Simple code to load more items on reaching page bottom.

 if ($(window).scrollTop() > $('#page1').height() - 500) {
        eventsElement.append('
Stop
');
        eventsElement.listview('refresh');
 }

For full example,

see Code here.

Using jquery-mobile-iscrollview will be better. It provides pull down and pull up events

Git hub link