voragine.net

Autonomía digital y tecnológica.


Cómo detectar si se está haciendo scroll en una página y cómo cuantificarlo con jQuery

Detectar si se está haciendo scroll en el navegador y poder cuantificarlo —saber la posición vertical de la página en la ventana del navegador— puede ser muy útil, por ejemplo para crear una barra de navegación que permanezca fija (fixed en CSS) y siempre visible. Valga como ejemplo, la página del proyecto Thinkcommons de Domenico Di Siena, en el que estoy colaborando. Esto lo podemos conseguir con la función .scrollTop() de jQuery, que nos devuelve la altura en píxeles que ha quedado oculta por el borde superior de la ventana del navegador.

Recursos para empezar con jQuery

jQuery tutorials for designers. Una serie de pequeños tutoriales, casi recetas, para entender los fundamentos de jQuery y aprender a hacer los efectos visuales dinámicos típicos de menú. / 50+ Amazing Jquery Examples. Desde los plugins más sencillos, listados deslizantes, menús en acordeón, hasta algunos más complejos o menos corrientes, formularios o ruedas de selección de color. Muy útil para empezar a concebir lo que jQuery puede hacer. / Easy Slider. Un plugin para incorporar menús deslizantes realmente fácil de añadir a cualquier página, desarrollado por CSS Globe. / Easy Tooltip. Un plugin para incorporar elementos de ddistinta complejidad que aparecen al hacer rollover sobre cualquier elemento HTML, también desarrollado por CSS Globe.