How to make li.active list element in side-menu to display screen

scroll_menu.html

<script>
    let el = document.querySelector('.scrollbar li.active');
    let elementTop = $(el).offset().top;
    let elementBottom = elementTop + $(el).outerHeight();

    let viewportTop = $(window).scrollTop();
    let viewportBottom = viewportTop + $(window).height() - 80;

    if(!(elementBottom > viewportTop && elementTop < viewportBottom)){
        el.scrollIntoView()
    }
</script>