Local Scroll mit eigenem jQuery-Script

Ein schön animierter Local Scroll oder Ankersprung ist typisch für das moderne Web. In diesem Video zeige ich dir, wie ein entsprechendes Script auf jQuery-Basis entwickelt wird.

Hier findest du noch einmal den kompletten Code für den local scroll mit jQuery. Vergiss nicht, dass für die Animation die komplette jQuery Version verwendest und nicht nur die Slim-Version.

$( document ).ready(function() {
    
    $('.local-scroll').on('click', function(e){
        e.preventDefault();

        var href = $(this).attr('href');

        var offsetTop = $( href ).offset().top;

        if( href == '#unser-programm' ) {
            offsetTop = offsetTop - 150;
        }

        $('html, body').animate({
            scrollTop: offsetTop
        }, 'slow');
    });
});