Cargar contenido al llegar al final de la página como twitter y facebook

[IMAC/]

Hola,

Sabe alguien cómo hacer para cargar el contenido al llegar al final de la página como hace Twitter y Facebook?

También es conocido como "infinite scroll".

He probando esto pero no funciona en Firefox:

Código Javascript:

//Si llega al final de la página...
if($(document).height() - $(window).height() <= $(window).scrollTop()){
    //cargar más datos
}
 

¿Alguna idea?
Gracias.

[requena81]

Tienes tutoriales buscando "load on scroll" en Google, te pongo ejemplo:

Plugin jquery:

http://www.infinite-scroll.com/

[IMAC/]

Ya había visto ese mismo pero te restringe y te impone demasiadas cosas...

Ya averigüé cual era el fallo en el código anterior que puse. Por una extraña razón Firefox 11 no calcula bien los pixels y calculaba un pixel de menos.
Si pongo esto sumándole 10 pixels antes de que acabe la página funciona sin problemas:

Código PHP:

  if($(document).height() - $(window).height() <= $(window).scrollTop() + 10){ 
   

Lo que me extraña es que nadie se haya dado cuenta y no aparezca por ningún sitio...

[tonimito]

Éste plugin de jquery hace lo que pides:
https://github.com/webcreate/Infinite-Ajax-Scroll

Suerte!