$ (window) .on ('scroll', function () {не выделяется и работает при прокрутке

Question

По какой-то странной причине мой $(window).on('scroll', function() { не выделяет навигацию слева при прокрутке. Код, который я написал, верен. Не уверен, почему он не работает правильно. Есть идеи, почему он не выделяется при прокрутке? Вот ссылка на мой кодовый блок: https://codepen.io/j1osu2006/pen/XWbbgoB

<script>

    $(window).on('scroll', function() {
        $('h2').each(function() {
            if($(window).scrollTop() >= $(this).offset().top) {
                var id = $(this).attr('id');
                $('#toc li a').removeClass('active');
                $('a[href$="'+id+'"]').addClass('active');
            }
        });
    });
</script>