Creo que todo los desarrolladores Web conocen Javascript, es ese maravilloso lenguaje que nos permite hacer esos espectaculares efectos visuales en nuestras páginas.

Pero seamos sinceros… ¡ES UNA PESADILLA TRABAJAR CON JAVASCRIPT!, y esto no lo digo porque el lenguaje sea difícil de entender, por el contrario, es muy sencillo, esto se debe a que cada navegador lo implementa de manera diferente. Muchas veces las cosas desarrolladas en Javascript no funcionan del todo bien, o simplemente no funcionan en uno u otro navegador.

Pero bueno, hasta que no se pongan de acuerdo todos los desarrolladores de navegadores, o alguno se lleve el 100% del mercado, es trabajo de nosotros, los desarrolladores, asegurarnos que nuestras aplicaciones funcionen en al menos 3 de los grandes (Microsoft Explorer, Firefox y Safari).

Muchas veces durante mi trabajo diario, me he visto en la necesidad de ejecutar código Javascript dependiendo de una acción del usuario (eventos), tales como un click del mouse, desplazamiento de la ventana y por supuesto el scroll. Javascript tiene un modelo de eventos muy rico, casi toda la interacción que el usuario pueda realizar con el navegador está definida allí, pero como siempre queremos ir más alla, aveces este modelo de eventos, se nos queda corto.

El evento que yo he querido más seria algo así como onScrollEnd, osea, ejecuta cuando termine de hacer scroll (mover las barras del navegador tanto verticales como horizontales), pero lamentablemente Javascript no lo describe en su modelo de eventos. Entonces como podemos solventar esta “carencia de Javascript“? Bueno pues aquí les dejo una solución muy fácil de implementar.

Espero que esto les sea de utilidad, yo lo he aplicado con exito en algunos de mis proyectos y por el momento no he encontrado ninguna falla seria. Les dejo un ejemplo para que lo vean en funcionamiento.