Offset einer Inter-Seite Link

Question

Also auf meiner Seite habe ich ein Menü, das oben auf der Seite behoben ist. Das Menü ist ungefähr 50 Pixel hoch und überspannt die gesamte Breite des Bildschirms. Um den Inhalt der Seite beim Laden korrekt anzuzeigen, lege ich eine beliebige Menge Padding an den Anfang des Body-Inhalts. Nun, wenn ich will auf der Seite auf ein Element verknüpfen mit:

<a href="#idOfElement">anchor text</a>

Normalerweise, wenn diese Links angeklickt werden, das betreffende Element am oberen Rand des Browserfensters angezeigt wird. Da ich jedoch mein festgelegtes Menü dort habe, ist der Inhalt (oder zumindest die ersten ~ 50px davon) durch das Menü verborgen.

Gibt es eine Möglichkeit, den Link der inneren Seite zu verschieben, damit das angeforderte Element nicht ganz oben auf der Seite angezeigt wird?

Answer 1

Mit Javascript (jQuery), Ihre Inhalte div und den Hyperlink unter der Annahme haben eine ID, und, vorausgesetzt, ich verstehe Ihre Frage:

$("#yourAId").click(function(){ 

    $("#yourContentId").css("padding-top", $("#yourContentId").css("padding-top") + 50); 

});