1.
Diese Panels von 1. - 9. sind auf einem Haupt-Panel, welches direkt auf dem Index liegt, unter- und nebeneinander angeordnet.

Das script für die sog. "smooth scroll" Funktion funktioniert nur innerhalb 1(einer)HTML-Seite. D.h. die o.s. Links (L1-9) verweisen auf die Panels (Pnl1-9) und sind als Kopien auf jedem dieser Panels nochmals abgelegt, um immer alle Panels auswählen zu können.

Man kann auf jedem dieser Panels wieder beliebig viele Inhalte unterbringen, muss dabei nur ein paar Dinge beachten, die ich auf einigen Panels beschrieben habe.

Da eine solche "smooth-scroll" Seite eigenständig erstellt werden muss, kann man sie, wenn sie nur als einzelner Bestandteil einer website angelegt werden soll, in dieser nur mittels iframe darstellen, sonst funktionieren die scripts nicht.
Für die "smooth scroll" Funktion braucht man nur die beiden folgenden scripts, von denen das Erste in die HEAD-Section der Seite kopiert werden muss, das Zweite muss zunächst in einen Texteditor kopiert und anschließend als jquery.min.js abgespeichert werden.

Üblicherweise werden solche javascripts in einem Ordner "js" auf dem Server abgelegt. (oberste Zeile im script entsprechend anpassen) Man kann sie nicht einfach mittels "file"-object einbinden. Man muss sie nämlich dann, da javascripts als "FileX" eingebunden werden, umbenennen. Also besser per "drag and drop" oder durch Kopieren einfügen.
4.
Natürlich kann man auf eine "smooth scroll" Funktion verzichten, aber für das Auge ist es immerhin angenehmer und etwas eleganter, als abruptes Springen zu den Inhalten. Man muss allerdings im Auge behalten, die Seite nicht allzu umfangreich zu gestalten, da sie immer vollständig in den Browser-Cache geladen werden muss und entsprechend Zeit benötigt
7.
Wenn nur ein horizontaler scroll durch Auswahl des entsprechenden Panels erfolgt, wird trotzdem die vertikale Funktion aufgerufen, d.h. 2,2 Sekunden verstreichen, ehe dann eine horizontale Bewegung stattfindet.
1
4
7
2
5
8
3
6
9
2.
Menue 2a
Menue 2b
Menue 2c
Über diesem Panel öffnen sich DHTML-Menüs, die sich immer, wenn einmal zu "ihrem" Öffnungslink ausgerichtet, relativ zu dessen Position befinden.

Das bedeutet, die Position des Panels wird von dem sich öffnenden Menü nicht beeinflusst.
5.
Die scroll-Zeit kann im script eingestellt werden und zwar in der Zeile
"// Animate to target".
Der Wert im vorliegenden script steht bei allen Funktionen auf 2200. Das heisst: Jeder scroll dauert 2,2 Sekunden, egal wie lang er ist. Wenn man mittels scroll-Balken oder der Links unterschiedlich lange scrolls auslöst, kann man das sehen.
Wenn nur ein horizontaler scroll durch Auswahl des entsprechenden Panels erfolgt, wird trotzdem die vertikale Funktion aufgerufen, d.h. 2,2 Sekunden verstreichen, ehe dann eine horizontale Bewegung stattfindet.
1
4
7
2
5
8
3
6
9
8.
Wenn nur ein horizontaler scroll durch Auswahl des entsprechenden Panels erfolgt, wird trotzdem die vertikale Funktion aufgerufen, d.h. 2,2 Sekunden verstreichen, ehe dann eine horizontale Bewegung stattfindet.
1
4
7
2
5
8
3
6
9
3.
Seite 3b
Diese Seite bleibt ebenfalls auf Position
6.
1
4
7
2
5
8
3
6
9
Wenn nur ein horizontaler scroll durch Auswahl des entsprechenden Panels erfolgt, wird trotzdem die vertikale Funktion aufgerufen, d.h. 2,2 Sekunden verstreichen, ehe dann eine horizontale Bewegung stattfindet.
9.
Wenn nur ein horizontaler scroll durch Auswahl des entsprechenden Panels erfolgt, wird trotzdem die vertikale Funktion aufgerufen, d.h. 2,2 Sekunden verstreichen, ehe dann eine horizontale Bewegung stattfindet.
1
4
7
2
5
8
3
6
9