Seite 1 von 1

Sticky-top Problem

Verfasst: Fr 9. Mai 2025, 08:58
von stobi_de
Nein, eigentlich kein Problem.
Spiele damit gerade was rum: www.afripix.de/sws
Ich wollte den Textblock "25 Jahre Erfahrung ..." (title-wrapper) sticky-top machen, dass der Text also innerhalb dieses Blockes sticky ist, was dann so 5 cm Scrollen wäre, nichts Sinnvolles.

Aber scheinbar kollidiert das mit mit Position relative?

Frank

Re: Sticky-top Problem

Verfasst: Fr 9. Mai 2025, 09:08
von Tommy Herrmann
Moin,

ich habe gerade mal im Quelltext geguckt und finde die class="sticky-top" gerade nicht am <sectrion> Tag von dem Block 25 Jahre Erfahrung :confused:

Ich habe das über die Browser-Tools mal eingesetzt und das funktioniert dann einwandfrei.

Ich bin mir nicht sicher, ob Du meine relativ neuen Tutorials zu "Sticky-Top" bereits gelesen hast:

Bilder:

https://www.mobirise-tutorials.com/Tuto ... y-Top.html

Video:

https://www.mobirise-tutorials.com/Tuto ... Video.html

Re: Sticky-top Problem

Verfasst: Fr 9. Mai 2025, 09:11
von Tommy Herrmann
ah - nee am wrapper geht das nicht - ich gucke

Re: Sticky-top Problem

Verfasst: Fr 9. Mai 2025, 09:21
von Tommy Herrmann
versuche mal um den Text-Wrapper herum noch zusätzlich ein <div> mit der class="sticky-top" einzuarbeiten.

Ich habe das ja in meinem Beispiel auch mit dem Text in dem einen Block mit Text und Bild gemacht:

Nur Text Sticky-Top.jpg

Sticky-Top-Code Textbereich.jpg


... muss jetzt mal für 'ne Stunde weg ...

Re: Sticky-top Problem

Verfasst: Fr 9. Mai 2025, 09:45
von stobi_de
Ich sehe nicht so wirklich den Unterschied zu Deiner Lösung mit dem Palmenbild.
Bei Dir klebt das sticky halt an der Col.

Die ganze Section geht natürlich.

Re: Sticky-top Problem

Verfasst: Fr 9. Mai 2025, 12:05
von Tommy Herrmann
… verstehe gerade nicht ganz, der Unterschied ist doch, dass es bei mir mit dem Text und "Sticky-Top" funktioniert und oben kleben bleibt - bei dir kann ich keinerlei Funktion sehen ...

Die Bootstrap class="sticky-top" ist nicht an allen Mobirise-Elementen einsetzbar. Diese gehört eigentlich an das <section> Tag, kann aber auch an bestimmte <div> Elemente geschrieben werden oder eben als einzelne <div class> um einen Bereich gelegt werden.


P.S.:

… ich habe das auch gerade mal mit so einem Block wie deinem versucht und nicht geschafft. Wenn man die Class an zum Beispiel das <h1> Tag schreibt, bleibt zumindest das kleben. Irgendeine andere Mobirise-Class lässt das in diesem Block anscheinend nicht zu.

Re: Sticky-top Problem

Verfasst: Fr 9. Mai 2025, 21:13
von stobi_de
Tja, bei vielen anderen Systemen könnte man nun an den Support schreiben (Arclab war da super).
Bei Mobirise sind dummerweise WIR der Support