Переопределить цель поведения прокрутки по умолчанию на той же странице

Question

У меня есть страница с навигационной панелью со ссылками на ту же страницу. Когда я отключаю все js плагины и нажимаю на ссылку, она «переходит» (без плавной прокрутки) на привязанную ссылку.

Но поскольку у меня есть липкий заголовок, необходимо использовать смещение. Из-за этого я скопировал этот замечательный кусок кода из Интернета:

Мой "navbar"

<div id=myAffix>My Affix</div>
<a href="#2849">Example link</a>

Часть страницы html:

<li id="2849" class="list-group-item list-group-item-info">
<h6>Example header</h6>
</li>

// Add smooth scrolling on all links inside the navbar
$("#myAffix a").on('click', function (event) {
    var offset = 125;
    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
        // Prevent default anchor click behavior
        event.preventDefault();
        // Store hash
        var hash = this.hash;
        // Using jQuery's animate() method to add smooth page scroll
        // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
        $('html, body').animate({
            scrollTop: $(hash).offset().top - offset
        }, 800, function () {
            // Add hash (#) to URL when done scrolling (default click behavior)
            window.location.hash = hash;
        });
    }  // End if
});

Когда я сейчас щелкаю по ссылке, она плавно прокручивается к этой части (со смещением) и после этого она «переходит» в положение без смещения. Я попытался переопределить поведение прокрутки по умолчанию, отключить отдельные плагины js, но это не изменилось. У кого-нибудь есть идея?