Making active in menu when over div-element

I'm trying to make my links active when I'm over the elements that the scrolls to. I've tried every single line of code I've found for two days. But nothing is working. I'm using cferdinandi's smoothscroll script.

<div data-scroll-header id="menu">
    <div id="menu-content">
            <a data-scroll href="#weare">Company</a>
            <a data-scroll href="#product">Product</a>
            <a data-scroll href="#technical">Technical specifications</a>
            <a data-scroll href="#footer">Get in touch</a>
    </div>
</div>

With this "smooth-scroll" script.

<script>
smoothScroll.init({
updateURL: true,
});
</script>