Utilizar el scroll del mouse con Javascript
En la actualidad la mayoría de los mouse cuentan con un scroll, algo muy cómodo para desplazarnos por todo lo largo de la ventana. Pero además, el scroll es una herramienta que cada vez más es utilizada en las aplicaciones web y, por supuesto, Google no la pasó desapercibida. Así por ejemplo, Google Maps utiliza el scroll del mouse para realizar un zoom sobre el lugar elegido.
El código javascript para utilizar el scroll del mouse:
/** Las líneas como esta REEMPLAZALAS CON TU CÓDIGO.
* Esto debe funcionar al ser delta mayor ó menor que cero.
*/
function handle(delta) {
if (delta < 0)
/* Algo de código. */;
else
/* Algo de código. */;
}
function wheel(event){
var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
delta = event.wheelDelta/120;
if (window.opera) delta = -delta;
} else if (event.detail) {
delta = -event.detail/3;
}
if (delta)
handle(delta);
}
/* Llamar al código. */
if (window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
Si tu mouse cuenta con un scroll puedes probar el ejemplo on line.
Deja tu comentario