Bootstrap 3 Scrollspy突出显示所选元素上方的nav元素，直到我向下滚动几个px

Question

所以我的Scrollspy工作得很好。我有一个寻呼机，当我点击导航元素时，它立即跳转到正确的章节/标题。但是在导航栏中导航元素beavore突出显示所选的一个。说我有导航元素Home，About，Contact。我跳到一切都很好 - 但主页突出显示。当我向下滚动几个像素，直到标题消失为止，突出显示。 我有一个固定的导航栏，所以我有一个偏移量。 这是JavaScript代码：

var offset = 80;

$('.navbar li a').click(function(event) {
    event.preventDefault();
    $($(this).attr('href'))[0].scrollIntoView();
    scrollBy(0, -offset);
});

$('[data-spy="scroll"]').each(function () {
    var $spy = $(this).scrollspy('refresh')
})

有人有个主意吗？