Ulrich Dirr: Scrollverhalten ändern

Beitrag lesen

Hallo,

mein CSS-Layout sieht so aus:

+------------------------------+
| Navigationsleiste            |
+------------------------------+
                                  <--- X
  +--------------------------+
  |                          |
  |                          |
  |                          |
  |       Inhalt-Box         |
  |                          |
  |                          |
  |                          |
  +--------------------------+

Die Navigationsleiste ist fixiert am oberen Rand und bleibt immer an dieser Stelle auch wenn die Inhalt-Box sehr hoch wird und man nach unten scrollen muss, um weiterzulesen.

Momentan verhält sich die Inhalt-Box so, dass sie beim Scrollen unter der Navigationsleiste nach oben rutscht. Das wäre soweit o.k., aber leider hat das den unschönen Effekt, dass bei Sprüngen zu Ankerstellen  die angesprungene Stelle am oberen Rand des Bildschirms positioniert wird, was bedeutet, dass die Startposition des Textes unter der Navigationsleiste verdeckt ist.

Gibt es eine Möglichkeit, dass die Inhalt-Box zwar scrollen kann, aber nicht unter die Navigationsleiste rutscht? (Also nicht weiter nach oben rutscht wie im Bild mit "X" markiert.)

Viele Grüße
Uli