Automatisch scrollen

Wenn ihr mit der Maus auf dieser Webseite nach unten geht, fängt diese automatisch an nach unten zu scrollen. Ihr müsste dazu nichts anklicken 😉

Das Javascript sorgt natürlich auch dafür, dass das gleiche auch umgekehrt funktioniert, d. h. wenn ihr mit der Maus nach oben geht.

Einstellen könnt ihr die Sensibilitätszonen (1 für den inneren Bereich, 2 für den äusseren Bereich) und die Scrollgeschwindigkeit. Probiert es einfach aus.

Einfügen könnt ihr dieses Javascript an einer beliebigen Stelle auf eurer Homepage.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- // Parameter var sense1 = 20; // Sensibilitaetszone 1 (in %) var sense2 = 10; // Sensibilitaetszone 2 (in %) var speed1 = 1; // Scrollgeschwindigkeit in Zone 1 var speed2 = 5; // Scrollgeschwindigkeit in Zone 2 var stime = 10; // Timer zum Scrollen // Interne Variablen var scrolling = false; var scrollfast; var richtung; var y_mem = -1; var myWin; // Scrolling anhalten function stopp_scrolling() { scrolling = false; y_mem = -1; } // Scroll aktivieren und durchfuehren function start_scrolling(initial) { if(!scrolling) return; // Dokumentposition ermitteln var dy = (myWin.pageYOffset != null) ? myWin.pageYOffset : document.documentElement.scrollTop; if((y_mem != dy) && !initial) return; var dx = (myWin.pageXOffset != null) ? myWin.pageXOffset : document.documentElement.scrollLeft; dy += richtung * (scrollfast ? speed2 : speed1); // Scrollen myWin.scrollTo(dx, dy); y_mem = dy; // Funktion erneut aufrufen setTimeout("start_scrolling(false)", stime); } // Auswertung der Mausposition function zeige(e) { // Mausposition und Dokumentdaten var y = (myWin.Event&&!document.all) ? e.pageY : myWin.event.clientY; if(myWin.Event&&!document.all) y -= - (myWin.pageYOffset != null) ? myWin.pageYOffset : document.documentElement.scrollTop; var wh = myWin.innerHeight ? myWin.innerHeight : document.documentElement.clientHeight; var dh = myWin.document.height ? myWin.document.height : document.documentElement.scrollHeight; // Zwischenvariablen var s1 = Math.round(wh * sense1 / 100); var s2 = Math.round(wh * sense2 / 100); var now_scroll; // Scrollnotwendigkeit ermitteln if((y < s1) || (y > (wh - s1))) { now_scroll = true; richtung = (y < s1) ? -1 : 1; scrollfast = ((y < s2) || (y > (wh - s2))) ? true : false; } else { now_scroll = false; scrolling = false; } // Scrollstatus geaendert? if(now_scroll != scrolling) { y_mem = -1; scrolling = now_scroll; if(scrolling) start_scrolling(true); } } // Mauskontrolle initiieren function init() { myWin = window; if(myWin.Event) // myWin.document.captureEvents(Event.MOUSEMOVE); myWin.document.onmousemove = zeige; } if(window.focus) window.focus(); document.onblur = stopp_scrolling(); //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/automatisch-scrollen/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">init();</script> <!-- präsentiert von kostenlose-javascripts.de -->