JS Snippets: Auf Anker mit Fixed Top Menü springen


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);


Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.