David Walsh, ha desarrollado un curioso plugin para MooTools con el que podremos gestionar el scroll de nuestros usuarios. ScrollSpy, trata de un sistema en el que dependiendo del scroll que el usuario haga sobre nuestras páginas, se le aplicará un efecto o se le mostrará un elemento.
window.addEvent('domready',function() {
var ss = new ScrollSpy({
min: 200,
onEnter: function(position,state,enters) {
$('gototop').fade('in');
},
onLeave: function(position,state,leaves) {
$('gototop').fade('out');
}
container: window
});
});
Tan sencillo y límpio como vemos arriba. Indicaremos en min
, el scroll mínimo para que se active la acción onEnter()
y al salir del rango de scroll definido entre el mínimo y máximo (si no se define se toma el final de la página) activará el método onLeave()
. Sencillo y potente, sinó mirar los 4 ejemplos que David ha montado para ilustrarnos. (Ejemplo 1, Ejemplo 2, Ejemplo 3, Ejemplo 4).
3 comentarios, 1 referencias
+
#