Sticky-top Problem

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

Sticky-top Problem

Ungelesener Beitrag 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 7758
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Sticky-top Problem

Ungelesener Beitrag 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 7758
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Sticky-top Problem

Ungelesener Beitrag von Tommy Herrmann »

ah - nee am wrapper geht das nicht - ich gucke
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 7758
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Sticky-top Problem

Ungelesener Beitrag 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 ...
stobi_de
Moderator
Moderator
Beiträge: 1332
Registriert: Di 11. Okt 2022, 06:30

Re: Sticky-top Problem

Ungelesener Beitrag 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.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 7758
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Sticky-top Problem

Ungelesener Beitrag 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.
stobi_de
Moderator
Moderator
Beiträge: 1332
Registriert: Di 11. Okt 2022, 06:30

Re: Sticky-top Problem

Ungelesener Beitrag 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
Antworten

Wer ist online?

Mitglieder in diesem Forum: Amazon [Bot] und 6 Gäste