Scrollbare Seiten

[nordi]

hi Leute,

hab mal ne Frage. Wie macht man solche "scrollbaren Seiten"? Wenn man jetzt auf nen Link klickt, dann fährt der Inhalt der Seite nach rechts bzw links! Das geht auch ohne Flash, habe ich mal gesehen. Sieht ziemlich cool aus, finde dich! Ist das DHTML ? Wäre sehr dankbar für Antworten...

Mfg

Marius

 

[Maik]

Ja, das ist mit DHTML bzw. Javascript möglich.

Ein Beispiel findest du unter SELFHTML: Dynamisches HTML / Beispiele für die Praxis / Dynamische Navigationsleiste.

 

[nordi]

Ja okay..das Beispiel dort trifft zwar nicht wirklich zu, aber trotzdem danke! Kennst du denn ne Seite, wo man sich einen Quellecode angucken kann, wo der Inhalt wie bei einem Fließband nach rechts fließt, wenn man auf einen Link klickt?

 

[Sven Mintel]

Hast du schon mal ne Sekunde gesucht? Im JS-Board gibts dazu grad ein aktuelles Thema

 

[nordi]

Ok, danke für den Link! Aber wie du schon in diesem Thread beschrieben hat, funktioniert das nicht "browserübergreifend". Benutze auch Firefox und da klappt das garnicht. Zu Hause benutze ich Opera - weiß jetzt nicht, wie der dadrauf reagiert. Hatte letztens eine Seite gesehen, bei der das ähnlich wie hier im Beispiel, funktioniert. Dort wurde per Klick auf den Link nach rechts gescrollt. Es sah aber so aus, als wäre er am Anfang etwas schneller als am Ende des Scrollens.

Wenn man das Script so ändert, wie du das vorgeschlagen hast, würde das dann übergreifend funktionieren?

 

[Sven Mintel]

Dass das dort im FF nicht funktioniert, liegt nicht an dem Skript, sondern an dem Bild, welches dort im FF skaliert wird....somit gibt es nichts zum Scrollen.
Die JS-Methoden zum Scrollen....scrollBy()/scrollTo() kannst du als JS-Grundbestandteil ansehen, sie werden also von so gut wie jedem JS-tauglichen Browser interpretiert.

 

[Maik]

Kennst du denn ne Seite, wo man sich einen Quellecode angucken kann, wo der Inhalt wie bei einem Fließband nach rechts fließt, wenn man auf einen Link klickt?

Ja, so eine Seite ist mir bekannt:

• DHTMLCentral.com - Project: DHTML Library >>> Examples