JSFiddle - React, Tailwind, and code Playground

HTML

<div id="meerinfotoestel"> <a id="scroll-to-meerinfo" href="#meerinfo">
 Meerinfo
 </a>

</div>
<div class="woocommerce-tabs">woocommerce-tabs</div>

CSS

#meerinfotoestel,.woocommerce-tabs {
    height: 1000px;
}

JavaScript

$(document).ready(function () {
    $('#scroll-to-meerinfo').click(function (event) {
        event.preventDefault();
        scrollToElement($('.woocommerce-tabs'));
    });

    function scrollToElement(elem) {
        $('body').animate({
            scrollTop: elem.offset().top
        }, 2000);
    }

});