ScrollSpy – ein MooTools Plugin
Auf der Seite von der David Walsh findet ihr ein nettes MooTools Plugin um den Benutzer während längerer Scrollvorgänge ein kleines Erlebnis zu bieten.
Es gibt verschiedene Demos auf der Seite, vom einfachen einblenden eines “Top-Page” Ankers, über Farbenwechsel der Hintergrunds bis zum ein- und ausblenden von Bildern während des scrollens.
Ein echt netter Eye-Catcher..
Ein kleines Beispiel:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | window.addEvent('domready',function() { /* smooth */ new SmoothScroll({duration:500}); /* link management */ $('gototop').set('opacity','0').setStyle('display','block'); /* scrollspy instance */ var ss = new ScrollSpy({ min: 200, onEnter: function(position,state,enters) { $('gototop').fade('in'); }, onLeave: function(position,state,leaves) { $('gototop').fade('out'); }, container: window }); }); |
Der Code ist nicht ganz intuitiv und etwas CSS wird auch noch benötigt, aber nach dem Anschauen der Beispiele wird schnell alles klar.



























