Html-Seite automatisch scrollen (JavaScript)

**Woyzeck**

Hallo zusammen,

ich habe eine HTML-Seite und möchte, dass diese langsam nach unten scrollt und wenn sie den unteren Rand der Seite erreicht hat, wieder nach oben springt und erneut nach unten scrollt.

Zitat:

<html>
<head>
<script language="JavaScript" type="text/javascript">
function lauf() {
window.scrollBy(0, 10);
window.setTimeout("lauf()", 1000);
}
</script>

</head>
<body onLoad="lauf();">

Das habe ich beim Suchen im Internet gefunden. Funktioniert an sich ganz gut, nur fehlt eben, dass die Seite wieder zum Anfang springt.
Kenne mich mit Javascript so gut wie nicht aus, also brauche ich hier dringend eure Hilfe

Im Voraus vielen Dank

Woyzeck

**MaToBe**

Ich bin mir nicht sicher, aber ich glaube das muss man mit "Ankern" lösen ?!?

**Lannes**

Hallo,

mit window.pageYOffset kannst Du den Stand der Dinge/die aktuelle Position ermitteln.
Ist der untere Rand erreicht ändert sich window.pageYOffset nicht mehr, dann wird es Zeit mit einem negativen Wert noch oben zu scrollen:

markieren

Code:

			<script language="JavaScript" type="text/javascript">

var Step = 500;

function lauf() {  

  var y = window.pageYOffset; 

  window.scrollBy(0, Step); 

  if (y == window.pageYOffset) {

    Step = (Step * -1);

    }

  window.setTimeout("lauf()", 1000);

  }

</script>

//Edit: mit window.scrollTo(0, 0); kannst Du direkt zum Anfang springen

**Woyzeck**

Cool, das funktioniert ja blendend.

Zitat:

Nur eins störte an dem code:
Und zwar startet die Seite jetzt immer schon 50 Px unterhalb des oberen Randes. Dabei soll der Anfang beim Aufruf der Seite komplett gesehen werden.

Das habe ich folgendermaßen gelöst (bestimmt nicht der optimale Programmierstil, aber es funktioniert

):

Zitat:

<head>

<script language="JavaScript" type="text/javascript">
var Step = 50;
function lauf() {
var y = window.pageYOffset;
window.scrollBy(0, Step);
if (y == window.pageYOffset) {
window.scrollTo(0,0);
}
window.setTimeout("lauf()", 5000);
}
function start() {
window.setTimeout("lauf()", 5000);
}
</script>
</head>

<body onLoad="start()">

Also, danke für die Hilfe

Gruß

Woyzeck

**Woyzeck**

Hallo zusammen,

gibt wieder ein neues Problem. Und zwar hab ich das ganze jetzt so eingestellt, dass es mir optimal gefällt.
Jetzt habe ich aber leider feststellen müssen, dass das ganze nur im firefox funktioniert und im Internet-Explorer nichts scrollt.
Ich hoffe ihr könnt mir da weiterhelfen, denn es ist unbedingt nötig, dass der Internet-Explorer das macht.

Zitat:

Zur Erklärung:
Er soll mit der angegebenen Geschwindigkeit bis unten scrollen, dort ca. 2 Sekunden verweilen, dann wieder nach oben springen und erneut anfangen zu scrollen.

Im Voraus vielen Dank,

Woyzeck

**Lannes**

Hallo,

der IE hat wohl Probleme mit window.pageYOffset

SELFHML

**Woyzeck**

Vielen Dank schon einmal für deine Antwort. So ganz ist mir das aber noch nicht klar geworden.

Kann mir einmal jemand erklären, was mit folgender Bedingung abgefragt wird:

Zitat:

else if (document.body && document.body.scrollTop)

Und wieso funktioniert eigentlich folgender Teil (zumindest im Firefox):

Zitat:

var y = window.pageYOffset;
window.scrollBy(0, Step);
if (y == window.pageYOffset)

Ist pageYOffset in einem Fall die aktuelle Position und in einem anderen das Ende der Seite?

Im Voraus vielen Dank

Woyzeck

**Lannes**

Hallo,

if (document.body && document.body.scrollTop) ergibt True wenn der aktuelle Browser der IE ist. Also der IE kann mit document.body und document.body.scrollTop etwas anfangen, mit window.pageYOffset eben nicht.

markieren

Code:

			  if (window.pageYOffset) {

    y = window.pageYOffset;

  } else if (document.body && document.body.scrollTop) {

    y = document.body.scrollTop;

In Pseudocode übersetzt:
wenn der Browser window.pageYOffset kennt
--> nutze window.pageYOffset
sonst wenn der Browser document.body und document.body.scrollTop kennt
--> nutze document.body.scrollTop

Zitat von SELFHTML:

Diese Funktion ermittelt mit pageYOffset bzw. im Internet Explorer mit document.body.scrollTop zunächst die vertikale Position innerhalb der Seite.

**Woyzeck**

ok, ich glaube jetzt habe ich das zumindest verstanden.

und es funktioniert jetzt auch...

vielen Dank, ihr seid die Besten

**Lannes**

Hallo,

Zitat von Woyzeck:

...und es funktioniert jetzt auch...

dann wäre es doch prima wenn im letzten Beitrag dieses Topics der funktionierende Codezu finden wäre

Html-Seite automatisch scrollen (JavaScript)

Html-Seite automatisch scrollen (JavaScript)

Re: Html-Seite automatisch scrollen (JavaScript)

Re: Html-Seite automatisch scrollen (JavaScript)

Re: Html-Seite automatisch scrollen (JavaScript)

Re: Html-Seite automatisch scrollen (JavaScript)

Re: Html-Seite automatisch scrollen (JavaScript)

Re: Html-Seite automatisch scrollen (JavaScript)

Re: Html-Seite automatisch scrollen (JavaScript)

Re: Html-Seite automatisch scrollen (JavaScript)

Re: Html-Seite automatisch scrollen (JavaScript)

Forumregeln

MaToBe Registriert seit: 2. Aug 2008 162 Beiträge	#2 Re: Html-Seite automatisch scrollen (JavaScript) 13. Sep 2009, 19:42 Ich bin mir nicht sicher, aber ich glaube das muss man mit "Ankern" lösen ?!?
	Zitat

Lannes Registriert seit: 30. Jan 2005 Ort: Münster 745 Beiträge Delphi 3 Professional	#6 Re: Html-Seite automatisch scrollen (JavaScript) 6. Okt 2009, 16:15 Hallo, der IE hat wohl Probleme mit window.pageYOffset SELFHML MfG Lannes (Nichts ist nicht Nichts) and ('' <> nil ) and (Pointer('') = nil ) and (@('') <> nil )
	Zitat

Woyzeck Registriert seit: 9. Jun 2009 60 Beiträge	#9 Re: Html-Seite automatisch scrollen (JavaScript) 7. Okt 2009, 15:51 ok, ich glaube jetzt habe ich das zumindest verstanden. und es funktioniert jetzt auch... vielen Dank, ihr seid die Besten
	Zitat

Lannes Registriert seit: 30. Jan 2005 Ort: Münster 745 Beiträge Delphi 3 Professional	#10 Re: Html-Seite automatisch scrollen (JavaScript) 7. Okt 2009, 16:31 Hallo, Zitat von Woyzeck: ...und es funktioniert jetzt auch... dann wäre es doch prima wenn im letzten Beitrag dieses Topics der funktionierende Codezu finden wäre MfG Lannes (Nichts ist nicht Nichts) and ('' <> nil ) and (Pointer('') = nil ) and (@('') <> nil )
	Zitat