Gunnar Bittersmann: column-count: auto; und scroll-snap-*

Beitrag lesen

@@at

Ein Inhalt variabler Länge wird im CSS mittels fester column-width und column-count: auto; in eine variable Anzahl von nebeneinander liegenden, gleich großen Spalten aufgeteilt. Wie kann ich scroll-snap-* so darauf anwenden, dass jede der automatisch erzeugten Spalten beim horizontalen Scrollen einrastet?

Über #6017 und #5911 bin ich auf dieses Beispiel gestoßen.

☞ Auf dein Probem angewandt.

Der Trick ist wohl, scroll-snap-align auf Kindelemente des Containers anzuwenden – in meinen Beispiel auf section.

😷 LLAP

--
“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.” —John Lennon