 |
 |
 |
 |
 |
|
Antwort
|
|
Registriert seit: 9. Jun 2009 60 Beiträge |
#1
Html-Seite automatisch scrollen (JavaScript)
13. Sep 2009, 15:27
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();"> Kenne mich mit Javascript so gut wie nicht aus, also brauche ich hier dringend eure Hilfe  Im Voraus vielen Dank Woyzeck |
Zitat
|
|
Registriert seit: 2. Aug 2008 162 Beiträge |
#2
Re: Html-Seite automatisch scrollen (JavaScript)
13. Sep 2009, 18:42
Ich bin mir nicht sicher, aber ich glaube das muss man mit "Ankern" lösen ?!?
|
|
Zitat
|
Registriert seit: 30. Jan 2005 Ort: Münster 745 Beiträge Delphi 3 Professional |
#3
Re: Html-Seite automatisch scrollen (JavaScript)
13. Sep 2009, 23:16
MfG Lannes
(Nichts ist nicht Nichts) and ('' <> nil ) and (Pointer('') = nil ) and (@('') <> nil ) |
|
Zitat
|
|
Registriert seit: 9. Jun 2009 60 Beiträge |
#4
Re: Html-Seite automatisch scrollen (JavaScript)
14. Sep 2009, 18:12
Cool, das funktioniert ja blendend.
Zitat:
<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); } </script> 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()"> Gruß Woyzeck |
|
Zitat
|
|
Registriert seit: 9. Jun 2009 60 Beiträge |
#5
Re: Html-Seite automatisch scrollen (JavaScript)
5. Okt 2009, 18:13
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:
<script language='JavaScript' type='text/javascript'>
var Step = 1; function lauf() { var y = window.pageYOffset; window.scrollBy(0, Step); if (y == window.pageYOffset) { window.setTimeout('window.scrollTo(0,0);lauf();',2 000); } else{ window.setTimeout('lauf()', 50); } } function start() { window.setTimeout('lauf()', 50); } </script> 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 |
|
Zitat
|
|
Registriert seit: 30. Jan 2005 Ort: Münster 745 Beiträge Delphi 3 Professional |
#6
Re: Html-Seite automatisch scrollen (JavaScript)
6. Okt 2009, 15:15
MfG Lannes
(Nichts ist nicht Nichts) and ('' <> nil ) and (Pointer('') = nil ) and (@('') <> nil ) |
|
Zitat
|
|
Registriert seit: 9. Jun 2009 60 Beiträge |
#7
Re: Html-Seite automatisch scrollen (JavaScript)
6. Okt 2009, 16:16
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)
Zitat:
var y = window.pageYOffset;
window.scrollBy(0, Step); if (y == window.pageYOffset) Im Voraus vielen Dank Woyzeck |
|
Zitat
|
|
Registriert seit: 30. Jan 2005 Ort: Münster 745 Beiträge Delphi 3 Professional |
#8
Re: Html-Seite automatisch scrollen (JavaScript)
6. Okt 2009, 23:33
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.
Code:
In Pseudocode übersetzt:
if (window.pageYOffset) {
y = window.pageYOffset; } else if (document.body && document.body.scrollTop) { y = document.body.scrollTop; 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.
MfG Lannes
(Nichts ist nicht Nichts) and ('' <> nil ) and (Pointer('') = nil ) and (@('') <> nil ) |
|
Zitat
|
|
Registriert seit: 9. Jun 2009 60 Beiträge |
#9
Re: Html-Seite automatisch scrollen (JavaScript)
7. Okt 2009, 14:51
ok, ich glaube jetzt habe ich das zumindest verstanden.
und es funktioniert jetzt auch... vielen Dank, ihr seid die Besten 
|
|
Zitat
|
|
Registriert seit: 30. Jan 2005 Ort: Münster 745 Beiträge Delphi 3 Professional |
#10
Re: Html-Seite automatisch scrollen (JavaScript)
7. Okt 2009, 15:31
Hallo,
Zitat von Woyzeck:
...und es funktioniert jetzt auch...
MfG Lannes
(Nichts ist nicht Nichts) and ('' <> nil ) and (Pointer('') = nil ) and (@('') <> nil ) |
|
Zitat
|
| Themen-Optionen | Thema durchsuchen |
| Ansicht | |
ForumregelnEs ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus. Trackbacks are an
Pingbacks are an
Refbacks are aus
|
|
Linear-Darstellung
