Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
CSS
Position Sticky vom bottom aus
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="Werner123, post: 12082, member: 3781"] Naja dann machst du am "Bottom" einen Link nach oben ... Du weist aber nicht wann (ab welcher Position) der Benutzer wieder nach oben möchte! Bei mir hat folgendes JavaScript funktioniert:: [CODE=javascript] const mybutton = document.getElementById("seitenanfang"); const mainCont = document.getElementsByTagName("body")[0]; mainCont.onscroll = function () { // Hier den Wert anpassen wann das Symbol erscheinen soll if (mainCont.scrollTop >= 1420 || document.documentElement.scrollTop >= 1420) { mybutton.classList.add("seitenanfang"); mybutton.addEventListener("click", function () { document.getElementsByTagName("body")[0].scrollIntoView({behavior: 'smooth', block: 'start'}); }); } else { mybutton.classList.remove("seitenanfang"); } } });[/CODE] [CODE=css].seitenanfang { position: Fixed; right: 15px; top: 600px; border-style: Solid; border-width: 0 15px 25px 15px; z-index: 1000; user-select: None; border-color: Transparent Transparent rgba(183, 183, 183,0.300) Transparent; transition: border-width 1s; } [/CODE] [CODE=html]<div id="seitenanfang" title="Zum Seitenanfang"></div>[/CODE] [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
CSS
Position Sticky vom bottom aus
Oben
Unten