nicht angemeldet
scrollTo() Horizontal
Hallo an alle.
Ich möchte gern in meine Seite eine Horizontale Scrollfunktion
einbauen. Dazu habe ich auf der Suche die scrollTo() Funktion
gefunden. Soweit habe ich es geschafft die Funktion zu verändern,
dass sie das tut was ich eigentlich vor habe.
<html><head><title>Test</title>
</head><body>
<script type="text/javascript">
for (var i = 1; i <= 200; i++)
document.write("Zeile " + i + "<br>");
function NachOben () {
var y = 0;
if (window.pageYOffset) {
y = window.pageYOffset;
} else if (document.body && document.body.scrollTop) {
y = document.body.scrollTop;
}
if (y > 1000) {
window.scrollBy(0, -10);
setTimeout("NachOben()", 10);
}
}
</script>
<a href="javascript:NachOben()">nach oben scrollen</a>
</body></html>
Mein Problem ist nun das ich aber horizontal scrollen möchte.
Sprich die Seite beginnt Oben Links und geht nach rechts weiter.
Jedoch nicht bis zum Ende! Die Seite soll ca. 5000px breit werden.
Die Funktion soll aber nur bis 1200px scrollen.
Ich habe mich durch diverse Foren gearbeitet und komme nicht weiter.
Auch die Umstellung auf die X Achse hat keinen gewünschten effect gebracht.
z. B.: x = window.pageXOffset;
Ich hoffe mir kann jemand von euc helfen.
Gruß Winters
-
Hallo an alle.
Ich möchte gern in meine Seite eine Horizontale Scrollfunktion
einbauen. Dazu habe ich auf der Suche die scrollTo() Funktion
gefunden.Sehr löblich, dass du dir das SelfHTML Beispiel zu Rate gezogen hast..
Mein Problem ist nun das ich aber horizontal scrollen möchte.
Schade nur, dass du den Text dazu nicht richtig gelesen hast. Unter http://de.selfhtml.org/javascript/objekte/window.htm#scroll_by stehen die Parameter für die scrollBy()-Funktion, da findest du sogar die Bezeichnung X und Y. Einfach nochmal nachlesen, du kommst bestimmt auf die Lösung ;)
So long,
maYbeee-
Seit drei Tagen komme ich schon nicht auf die Lösung.
ich habe mir so viel Material zu diesem Thema durchgelesen,
doch das hat alles nichts gebracht.Mit dieser Funktion bekomme ich schon fast hin was ich möchte:
<html><head><title>Test</title>
</head><body>
<script type="text/javascript">function NachOben () {
var y = 1;
if (window.pageYOffset) {
y = window.pageYOffset;
} else if (document.body && document.body.scrollTop) {
y = document.body.scrollTop;
}
if (y > 0) {
window.scrollBy(10, 0);
setTimeout("NachOben()", 10);
}
}
</script>
<a href="javascript:NachOben()">nach oben scrollen
<table width="5000" border="2" cellspacing="2" cellpadding="0" height="200">
<tr>
<td></td>
</tr>
</table>
</a>
</body></html>Doch wie bekomme ich es hin das die Funktion nach 1200px aufhört und stoppt??
Wenn ich alles auf die x Achse umschreibe, sprich x und window.pageXOffset
,dann geht die Funktion garnicht mehr.Was fehlt bei meinem Script damit die Funktion bei 1200px endet??
Gruß Winters
-
Ich habs!!!!!! Ich habe die ganze Zeit gedacht die Funktion müsse nach Rechts heissen! Nein nein nein!
Hiermit gehts:
<html><head><title>Test</title>
</head><body>
<script type="text/javascript">function NachOben () {
var x = 1;
if (window.pageXOffset) {
x = window.pageXOffset;
} else if (document.body && document.body.scrollLeft) {
x = document.body.scrollLeft;
}
if (x < 1200) {
window.scrollBy(10, 0);
setTimeout("NachOben()", 10);
}
}
</script>
<a href="javascript:NachOben()">Nach rechte auf 1200px</a>
<table width="5000" border="2" cellspacing="2" cellpadding="0" height="200">
<tr>
<td></td>
</tr>
</table></body></html>
-
Ich habs!!!!!!
Supi! ;)
Ich habe die ganze Zeit gedacht die Funktion müsse nach Rechts heissen! Nein nein nein!
Du könntest die Funktion ja trotzdem in NachRechts umbenennen, denn "nach oben" scrollt sie jetzt nicht mehr.
So long,
maYbeee
-
-
-