Standard CSS Klasse für fixed element – begrenzt auf Bereich

[Bronco44]

Hi Leute,

viele Dank für die Aufnahme, hoffe mir kann hier jemand weiterhelfen.

Ich arbeite in Wordpress mit dem woodmart theme. Ich würde gerne eine eigene CSS Klasse für ein fixed element erstellen. Und zwar exakt so wie auf der Startseite von vogue.de (!)
Hier kann man sehen, dass die Elemente (schätze mal das ist eine column) auf der linken Seite für einen gewissen Bereich fixed sind.

Bisher habe ich dieses versucht:

div.sticky-element {
position: fixed;
overflow: auto;
top: 0;
}

Scheint aber wohl nicht auszureichen, das Element ist natürlich auf der ganzen Seite sticky und nicht nur in einem bestimmten Bereich. Hat jemand eine Idee wie die Programmierer der Vogue das angestellt habe? Freue mich auf die Antworten!

 

[basti1012]

wie das bei WP ist weiß ich nicht , denke da gibt es bestimmt Plugins für.
Falls es für WP keine Erweiterung gibt , gibt es aber bestimmt andere Scripte die das können.

Oder man muß sich nee Stunde zeit nehmen und das selber machen.
Du brauchst ja nur ein scroll event was den Container erkennt in den das Bild fixed sein soll .
Sobald der Container ins Sichtfeld kommt gibst du das Bild ein Fixed.
Wenn der Container durch gescrollt wurde wird das Fixed Bild wieder auf absolute gesetzt und das wahrs eigentlich schon.
Ich kann nicht gut erklären , aber ein großer aufwand ist es eigentlich nicht