Sticky bottom?

Allgemeine Fragen
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Sticky bottom?

Ungelesener Beitrag von stobi_de »

Ich weiß nicht, ob ich das schonmal gefragt habe - mein Kopf läuft momentan nicht rund!
Ich habe einen Block, den ich gerne sticky machen würde.
Allerdings nicht sticky top, sondern sticky-bottom!
Wenn der Benutzer einen kleinen Monitor hat, ist der Block ggf. höher als der Monitor, er würde dann nicht den ganzen Inhalt sehen.
Ich hatte vor ein paar Wochen etwas mit Javascript rumhantiert, aber was Sinnvolles ist nicht bei rumgekommen.

Frank
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Sticky bottom?

Ungelesener Beitrag von Tommy Herrmann »

... das habe ich noch nie probiert. Habe heute auch keine Zeit mehr.

Hast Du hier mal geguckt:

https://getbootstrap.com/docs/5.2/helpe ... cky-bottom

... wobei ich dieses "sticky" immer für etwas problematisch halte - am Handy passt das eigentlich so oder so nie.
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Sticky bottom?

Ungelesener Beitrag von stobi_de »

Das hatte ich doch letztens ausprobiert?
Ich mach nochmal
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Sticky bottom?

Ungelesener Beitrag von Tommy Herrmann »

... ich hatte da auch immer Probleme - auch mit "sticky-top". Nach meiner Umstellung vom Thema "Mobirise3" (da ging das noch ganz prima) auf das Thema "Mobirise5", musste ich das an verschiedenen Stellen entfernen, da es nicht mehr ging. Da muss Mobirise irgendwelche Bootstrap-Klassen aushebeln.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Sticky bottom?

Ungelesener Beitrag von Tommy Herrmann »

Hier mal ein Beispiel von "sticky-top", dass meiner Ansicht nach immer nur in Mobirise in der <section> wirkt:

https://www.mobirise-tutorials.com/Test ... -Tief.html

... oder (wahrscheinlich besser) einfach mal mit der Angabe von CSS "position" versuchen:

https://www.w3schools.com/howto/howto_c ... lement.asp
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot] und 27 Gäste