Hinzufügen von Anchor-Links mit Scrolling auf derselben Seite
Dies ist eine Premium-Funktion und verfügbar in Version 4.0.1+
Anchor-Links mit Scrolling auf derselben Seite sind Links, die auf eine bestimmte Stelle auf derselben Seite verweisen. Wenn Sie auf einen solchen Link klicken, scrollt Ihr Browser zu dem entsprechenden Bereich.
Sie benötigen zwei Dinge, um einen seiteninternen Anchor-Link zu erstellen:
- Eine benutzerdefinierte Klasse oder eine benutzerdefinierte ID für ein Element und
- Einen Link oder Button, der auf die benutzerdefinierte Klasse oder ID verweist
1. Eine benutzerdefinierte Klasse oder eine benutzerdefinierte ID für ein Element
Wählen Sie ein beliebiges Element im unteren Bereich Ihrer Seite und öffnen Sie dessen Eigenschaften. Fügen Sie im erweiterten Bereich eine benutzerdefinierte Klasse oder benutzerdefinierte ID mit dem Namen „go_here“ hinzu
2. Ein Link oder Button, der auf die benutzerdefinierte Klasse oder ID verweist
Erstellen Sie nun einen Link oder fügen Sie ein Button-Element weiter oben auf Ihrer Seite ein. Anstatt eine URL als Link hinzuzufügen, verwenden Sie „.go_here“ (mit dem Punkt), wenn Sie „go_here“ als benutzerdefinierte Klasse hinzugefügt haben; oder verwenden Sie „#go_here“ (mit dem Rautezeichen), wenn Sie es als benutzerdefinierte ID hinzugefügt haben.
Nachdem Sie Ihre Seite gespeichert haben, sollte sie beim Klicken auf Ihren Link/Button nun sanft zu dem Element am Ende Ihrer Seite scrollen.
Sie können dies auch verwenden, um benannte Anker anzusteuern
Benannte Anker wie
<a name="go_here"></a>
können ebenfalls angesteuert werden, indem ein Link zu „#go_here“ (mit dem Rautezeichen) hinzugefügt wird
Weitere Verwendungszwecke
Sie können auch alle anderen Bereiche auf Ihrer Seite ansteuern, sogar außerhalb des Editorbereichs, solange Sie diese über ihre Klassennamen oder IDs ansprechen.