Eliminating Pagination with Ajax

[Rich Hephner]

I have a search application that currently returns results 10 at a
time with a next page button for more. I'm trying to move to a system
similar to that on A9.com where new results are added to the existing
set as the user scrolls down the page. Also featured here (http://
molly.com/index.php?s=pagination&submit=go) The concept is easy
enough, but implementation is proving difficult. The results appear
within a div that has overflow set to auto.

The question is: How do I detect when the user has scrolled to the
bottom of the current set of results?

Thank you.

 

[David Mark]

I have a search application that currently returns results 10 at a
time with a next page button for more. I'm trying to move to a system
similar to that on A9.com where new results are added to the existing
set as the user scrolls down the page. Also featured here (http://
molly.com/index.php?s=pagination&submit=go) The concept is easy
enough, but implementation is proving difficult. The results appear
within a div that has overflow set to auto.

The question is: How do I detect when the user has scrolled to the
bottom of the current set of results?

var el = document.getElementById("scroller");
if (el) el.onscroll = function() {if (this.scrollTop ==
this.scrollHeight - this.clientHeight) alert('At bottom')};

Watch out as this won't work with some older browsers. I don't think
Opera 8 will even fire the onscroll event for anything but the window
object.