` erfolgen Element.
2. Fügen Sie dem Containerelement das folgende CSS hinzu:
„
Position:fest;
unten:20px;
rechts:20px;
Breite:50px;
Höhe:50px;
Hintergrundfarbe:#fff;
Randradius:50 %;
Textausrichtung:Mitte;
Z-Index:999;
„
3. Fügen Sie dem Containerelement den folgenden Inhalt hinzu:
„
„
4. Fügen Sie der Seite das folgende JavaScript hinzu:
„
const scrollTopButton =document.querySelector('.scroll-top-button');
scrollTopButton.addEventListener('click', () => {
window.scrollTo({
oben:0,
Verhalten:'glatt'
});
});
„
2. Verwenden Sie ein WordPress-Plugin
Es gibt mehrere WordPress-Plugins, mit denen Sie Ihrer Website eine Scroll-Schaltfläche hinzufügen können. Einige beliebte Optionen sind:
- Scrollen Sie nach oben
- Zurück nach oben
- Scrollen Sie nach oben
Sobald Sie das Plugin installiert und aktiviert haben, können Sie die Einstellungen nach Ihren Wünschen konfigurieren. Normalerweise müssen Sie die Position der Schaltfläche, die Größe und die Farbe angeben.