Dieses kleine JS Snippet dient für das automatische Korrigieren der Scroll Position, wenn man auf einen Ankerpunkt springen will, aber ein Fixed Menü im Weg hat.
Der Script muss in Verbindung mit JQuery eingesetzt werden:
(function($, window) {
var adjustAnchor = function() {
var $anchor = $(':target'),
fixedElementHeight = 120; //Header Höhe anpassen!
if ($anchor.length > 0) {
$('html, body')
.stop()
.animate({
scrollTop: $anchor.offset().top - fixedElementHeight
}, 200); //Wenn keine Verzögerung sein soll, einfach auf 0 stellen.
}
};
$(window).on('hashchange load', function() {
adjustAnchor();
});
})(jQuery, window);