528 Stimmen

Behobener Seitenkopf überlappt Seitenanker

Wenn ich eine nicht scrollende Kopfzeile in einer HTML-Seite habe, die am oberen Rand fixiert ist und eine bestimmte Höhe hat:

Gibt es eine Möglichkeit, den URL-Anker zu verwenden (die #fragment Teil), damit der Browser zu einem bestimmten Punkt auf der Seite scrollt, aber trotzdem die Höhe des festen Elements beachtet ohne die Hilfe von JavaScript ?

http://example.com/#bar

WRONG (but the common behavior):         CORRECT:
+---------------------------------+      +---------------------------------+
| BAR///////////////////// header |      | //////////////////////// header |
+---------------------------------+      +---------------------------------+
| Here is the rest of the Text    |      | BAR                             |
| ...                             |      |                                 |
| ...                             |      | Here is the rest of the Text    |
| ...                             |      | ...                             |
+---------------------------------+      +---------------------------------+

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X