Felix Riesterer: Safari scrollt nicht

Beitrag lesen

problematische Seite

Lieber klawischnigg,

Vielleicht hab ich Dein Ansinnen ja auch mißverstanden, aber ich nehme an, Du willst die <article>-Elemente scrollbar machen?

nein, die article-Elemente sollen innerhalb des main-Elements regulär im normalen Elementfluss scrollbar sein. Damit man keinen Scrollbalken sieht, hatte ich dem main-Element eine feste Höhe gegeben (calc(100vh - 2.5em)). Das scheint im Safari bereits ein Problem gewesen zu sein.

Das darüber gelegte dialog-Element (muss man einen Button für klicken) soll nun wie ein Modal-Dialog sich über die Displayfläche legen und seinerseits scrollbar sein. Dabei soll es aber in den Viewport eingepasst sein.

Um das zu erreichen, hatte ich ihm die gleiche Höhenbeschränkung gegeben, wie ursprünglich dem main-Element. Nun ist zwar der Inhalt des main-Elements scrollbar, jedoch nicht der Inhalt des dialog-Elements. Will man mit Wischen diesen scrollen, scrollt stattdessen der Inhalt im Hintergrund...

Liebe Grüße

Felix Riesterer