Locomotive JS gists - #anchor scrolls and tabs

locomotive-gists.js

/* + LOCOMOTIVE ANCHORS
 https://github.com/locomotivemtl/locomotive-scroll/issues/175#issuecomment-1082541029
======================================================================*/

const anchorLinks = document.querySelectorAll('.mainbody a[href^=\\#]:not(.no-loco):not([href$=\\#])');

anchorLinks.forEach((anchorLink) => {
    let hashval = anchorLink.getAttribute('href');
    let target = document.querySelector(hashval);
    anchorLink.addEventListener('click', (e) => {
        e.preventDefault();
        e.stopPropagation();

        locoScroll.scrollTo(target);

        // Adding a JUMP STATUS
        let targetID = '#' + target.id;
        if (targetID !== "#") {
            history.pushState(null, null, targetID);
        }
        // 

    });
});


/* + LOCOMOTIVE TABS
    ====================================================================== */
const tabsLinks = document.querySelectorAll('.mainbody a.js-tabs__trigger');

tabsLinks.forEach((tabsLink) => {


    tabsLink.addEventListener('click', (e) => {

        locoScroll.update();


    });
});