Smooth scroll links. Uses event delegation.

smooth_scroll.js

/*----------------------------
SMOOTH SCROLL
----------------------------*/

$( "body" ).on( "click", ".smooth_scroll", function() {

    // Breakpoint to adjust the offset distance.

    const tabletLandscapeBreakpoint = window.matchMedia("(max-width: 1024px)");

    // Get the target element & set normal offset

    let target = $(this).attr('data-target');
    let offsetDistance = -80;

    // If below our breakpoint then adjust offset for a smaller mobile header

    if (tabletLandscapeBreakpoint.matches) {
        offsetDistance = -60;
    }

    target = $('#' + target);

    $('html, body').animate({
        scrollTop: target.offset().top + offsetDistance,
    }, 1000);

    return false;

});