HOME PAGE - Beispiele, Java-Script Seite rauf und runter scrollen je nach Mouseposition -

Path: Home / Home Page / Beispiele / Java-Script
Seite scrollen:
Scrollt in zwei Geschwindigkeiten die Seite rau und runter je nach Mausposition.
Quelltext
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language=JavaScript>
<!--

function init() {}
function stopp_scrolling() {}

//-->
</SCRIPT>

<SCRIPT language=JavaScript1.2>
<!--

// Parameter
var	sense1	= 10	// Sensibilitaetszone 1 (in %)
var	sense2	= 5	// Sensibilitaetszone 2 (in %)
var	speed1	= 1	// Scrollgeschwindigkeit in Zone 1
var	speed2	= 5	// Scrollgeschwindigkeit in Zone 2
var	stime	= 50	// 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 : myWin.document.body.scrollTop
	if((y_mem != dy) && !initial)
		return
	var	dx	= (myWin.pageXOffset != null) ? myWin.pageXOffset : myWin.document.body.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 ? e.pageY : myWin.event.clientY
	if(myWin.Event)
		y	-= - (myWin.pageYOffset != null) ? myWin.pageYOffset : myWin.document.body.scrollTop
	var	wh	= myWin.innerHeight ? myWin.innerHeight : myWin.document.body.clientHeight
	var	dh	= myWin.document.height ? myWin.document.height : myWin.document.body.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
}

//-->
</SCRIPT>
</HEAD>

<BODY onload=init()>

</BODY>
</HTML>