Hallo Iva,

den ersten Link kannst du vergessen, das Script verursacht leider einen Fehler beim Ausführen.

Lade dir von der zweiten Seite die Datei smoothscroll.js herunter und kopiere Sie in den Ordner wa_files in deinem Projektordner.
Dann kopierst du diese Codezeilen

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="wa_files/smoothscroll.js"></script>
 

und fügst Sie entweder in den Webseiten-Eigenschaften oder in den Seiten-Eigenschaften ein. Wenn du die Funktion auf allen Seite haben möchtest, dann in den Eigenschaften der Webseite.

Jetzt musst du auf deiner Seite den Anker über einen HTML-Baustein setzen. HTML-Baustein einfügen, positionieren und folgenden Code einfügen:

<a name="bild"></a>
 

Die Bezeichnung (name="bild") kannst du frei wählen.

Den Link zum Anker kannst du nur von Hand über einen HTML-Baustein in der Seite einfügen, da du eine bestimmte Codestruktur verwenden kannst. Der Code bei unseren Beispiel lautet:

<a href="#bild" class="smoothScroll">test</a>
 

Der Link zum Anker befindet sich hier href="#bild".

Nach dem Veröffentlichen der Seite sollte es funktionieren.

Die Formatierung für den Linktext musst aber über den HTML-Baustein regeln über style="" und die Vorgaben.

Zitat von haruto im Beitrag #8

---

guten Abend (speziell an Didi)

habe mich gerade mit dem Thema beschäftigt ...

"Lade dir von der zweiten Seite die Datei smoothscroll.js herunter und kopiere Sie in den Ordner wa_files in deinem Projektordner."
in meinem Projektordner existiert besagter Ordner nicht ... per Hand anlegen? oder an anderer Stelle (welche) kopieren?

Danke

---

Das kannst du nutzen, wenn du deine Seite komplett in HTML programmierst. Lass die Finger davon und schau dir das hier an!