Nach Klick sollte verlinktes Element im Zentrum des Fensters sein

[Rolf B]

Hallo Gunnar,

Quelle?

MDN und die Spec.

Weder MDN noch die Spec sagen so etwas.

Doch. Sie sagten mit beim Lesen GENAU das. Beide reden von scroll-padding immer nur im Zusammenhang mit Snapping, und alle Beispiele verwenden scroll-snap-type.

This property specifies (for all scroll containers, not just scroll snap containers)

Verdammt…

Was erwartest du?

Dass eine Personen-Box in den Viewport geschoben wird, wenn sie halb hinaus hängt.

Was passiert stattdessen?

NICHTS. Die Seite verhält sich gleich, egal ob die Eigenschaft da ist oder nicht.

Was habe ich falsch gemacht?

Ich hatte scroll-padding-top auf das body Element gesetzt, das ist aber nicht der scroll-container, sondern das html Element. Grmpf.

Und dann geht es.

Eleganterweise macht man den header auch noch sticky, nicht fixed - muss dann aber um die absoluten Personenboxen noch einen Container legen, der hoch genug ist, um alle Boxen einzuschließen.

Scroll-Snapping krieg ich aber nicht hin. Also so, dass eine Personenbox in den sichtbaren Bereich zurückgeschoben wird, wenn man sie halb hinaus hängt. So wie in den Beispielen. Guck mal: https://jsfiddle.net/Rolf_b/L8qorx47/

Rolf