Mobile version
Ich verwende also Elementor und alles ist auf Flex eingestellt. Ich habe 2 Spalten in einem Container unter der Überschrift.
Die linke Spalte hat einen langen Inhalt. In der rechten Spalte habe ich ein Foto einer Person.
Wenn der Leser nach unten scrollt, möchte ich den Kopf der Person zeigen (relative Position). Sobald das Bild den unteren Rand des Ansichtsfensters erreicht (wie skizziert), möchte ich, dass das Foto am unteren Rand des Fensters bleibt, während die linke Spalte weiter scrollt.
Wenn die linke Spalte die Fußzeile erreicht, bleibt das Foto hängen und scrollt gleichzeitig nach oben.
Ich habe den integrierten klebrigen unteren Rand ausprobiert und in der Spalte bleiben, aber es hat nicht funktioniert (ich habe auch überprüft, dass es keine Überläufe gibt). Probleme).
Ich habe mehrere CSS- oder JS-Setups über ChatGPT ausprobiert, aber nichts hat funktioniert.
Irgendwelche Ideen?
