Detectar la posición en la barra de desplazamiento (scrollbar) con jQuery

Algo que puede ser muy útil, y que cada vez se utiliza con más frecuencia, es detectar la posición exacta en la barra de desplazamiento para luego y según sea esta, realizar una determina acción. Un ejemplo de esto sería la forma en que Twitter recarga nuevo contenido al llegar al final del documento, una especie de paginación bajo demanda.

Waypoints es un plugin jQuery que sirve exactamente para eso, y mucho más. El plugin esta creado con la intención de solucionarnos el problema de detectar la posición del usuario en el documento según su posición en la scrollbar.

Dentro de la sección de ejemplos podemos ver:

• Un scrolling infinito. Recarga nuevo contenido al llevar al final de la pagina.
• Elementos flotantes. El ejemplo pega el menu al desplazarnos con el scroll desde determinada posición.
• Mostrar avisos o publicidad según el usuario se vaya moviendo en el documento.

Entre las posibilidades de configuración más interesantes destaco la facilidad de configuración del plugin, por ejemplo, podemos hacerlo actuar sobre una determinada caja, es decir, podemos activar funcionalidades según la posición de la barra de desplazamiento en determinada div. Y no solamente nos restringimos a la utilización del documento completo.

La posición la podemos configurar por distintos parámetros, en general vamos a utilizar el offset del documento. El mismo se puede especificar en porcentajes o bien en pixeles exactos. Si nosotros seleccionamos un offset del 50%, le estaremos indicando al plugin que active determinada función cuando la barra de desplazamiento se encuentre a la mitad del documento.

Web: Waypoints