Contenido

ScrollSpy, plugin de MooTools para gestionar el scroll de los usuarios

28 may

+ 4

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).

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.