How do you call a JavaScript (AJAX) function when the user reaches the end of a page to load new content?

Question

On twitter (new twitter) and facebook they now have the the ability to load new tweets and posts when you hit the bottom of the page..

Is there a JavaScript / jQuery event that you can call / add to a div so when the browser hits the bottom it does some ajax call to get the new data?

Thanks

Daniel

score 5 · Accepted Answer · answered Oct 05 '10 at 11:14

5

There's a jQuery plugin for that: Infinite Scroll jQuery Plugin.

And here's the description of the pattern that it implements: The Interaction Design Pattern.

answered Oct 05 '10 at 11:14

Daniel Vassallo

1

@Daniel Upton: I'm glad the answer was helpful. You may want to mark it as "accepted" by clicking on the green tick on the left, it you think it is the best answer for your question. – Daniel Vassallo Oct 05 '10 at 12:38

Stefanvds · Answer 2 · 2010-10-05T11:16:45.393

1

It's called "Lazy Loading"

googling for Lazy Loading will help you a load :) http://www.google.com/search?q=lazy+loading

edited Oct 05 '10 at 11:16

answered Oct 05 '10 at 11:11

Stefanvds

A different version of Lazy Loading not the conventional one. – A G Oct 05 '10 at 11:14

score 1 · Answer 3 · answered Oct 05 '10 at 11:13

1

It's called Infinite Scrolling, and there's a jQuery plugin for it here: http://www.infinite-scroll.com/

answered Oct 05 '10 at 11:13

RichieHindle

3 Answers3