Das Hinzufügen einer Schaltfläche „Nach oben scrollen“ zu Ihrer Weebly-Site ist unkompliziert. So können Sie es machen:

Schritt 1:Benutzerdefinierten Code aktivieren:

1. Gehen Sie zum Editor Ihrer Weebly-Site und klicken Sie auf die Registerkarte „Einstellungen“.

2. Scrollen Sie nach unten und klicken Sie auf den Abschnitt „SEO &Code“.

3. Aktivieren Sie die Option „Benutzerdefinierter Code“, indem Sie den Schalter auf „Ein“ stellen.

Schritt 2:Fügen Sie den Scroll-to-Top-Code hinzu:

1. Kopieren Sie den folgenden Codeausschnitt:

```html

$(document).ready(function() {

$("#scroll-to-top").click(function() {

$("html, body").animate({ scrollTop:0 }, 500);

return false;

});

});

„

2. Fügen Sie den Code in den Abschnitt „Fußzeilencode“ des Bedienfelds „Benutzerdefinierter Code“ ein.

Schritt 3:Passen Sie die Schaltfläche an:

Sie können die Schaltfläche „Nach oben scrollen“ anpassen, indem Sie den Stil und die Position des Schaltflächenelements mit CSS-Code ändern.

Schritt 4:Testen Sie die Schaltfläche:

Zeigen Sie eine Vorschau Ihrer Website an oder veröffentlichen Sie die Änderungen, um die Schaltfläche „Nach oben scrollen“ in Aktion zu sehen.

Schritt 5:Sichtbarkeit und Verhalten anpassen :

Sie können die Sichtbarkeit der Schaltfläche anpassen, indem Sie Bedingungen hinzufügen oder CSS-Medienabfragen verwenden. Möglicherweise möchten Sie, dass es nur angezeigt wird, wenn sich der Benutzer in einer bestimmten Entfernung von oben befindet, oder dass es auf Mobilgeräten anders angezeigt wird.

Wenn Sie diese Schritte befolgen, haben Sie Ihrer Weebly-Site eine funktionale Schaltfläche „Nach oben scrollen“ hinzugefügt, die das Benutzererlebnis verbessert, indem sie eine einfache Möglichkeit bietet, zurück zum Seitenanfang zu navigieren.