"Back to Top" Link sticky

Norbert.R · 17. Dezember 2021

Hallo,

ich benutze das Cassiopeia Template.

Siehe: https://www.sternwarte-ursensollen.de/ (V 4.0.5)

Bis zum letzten Update war es so, dass der "Zurück nach oben" Link beim Scrollen nach unten immer eingeblendet wurde (wie auch hier im Forum).

Nun ist er fest unten im Footer-Menü fixiert.

Gibt's hier eine Einstellung dafür die ich in die User.css eintragen kann?

In der 4.1.0-alpha1, die ich auch testweise installiert habe, ist noch das alte Verhalten implementiert.

Siehe: http://joomla4-ignitegallery.s…ensollen.de/index.php/en/

Gruß

Norbert

Stef · 17. Dezember 2021

Hallo, füge mal diesen Code in deiner user.css

Code

.back-to-top-link {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 10000;
    padding: .5em;
    color: var(--cassiopeia-color-primary,#112855);
    pointer-events: all;
    background-color: var(--white,#fff);
    border: 1px solid var(--cassiopeia-color-primary,#112855);
    border-radius: .25rem;
    opacity: 0;
    transition: opacity .2s ease-in;
}

Alles anzeigen

Norbert.R · 17. Dezember 2021

Hallo Stef,

danke, funktioniert.

Gruß Norbert

WM-Loose · 17. Dezember 2021

Hallo Norbert,

super dass es mit der Lösung von Stef nun funktioniert aber bitte noch das Thema auf erledigt setzen (unerledigt anklicken und dann ändern).

JoomlaWunder · 17. Dezember 2021

Folgende Änderung für .back-to-top-link würde bereits reichen:

Code

position: fixed;

statt

Code

position: absolute;

Stef · 17. Dezember 2021

Ja, hätte auch gereicht, tut mir leid.