JavaScript导航分区间谍

JavaScript导航分区间谍,javascript,jquery,html,Javascript,Jquery,Html,我正试图重新创建引导scrollspy功能,但不幸的是,它不会很好。我可以看到它可以获得div并突出显示导航链接,但是当我滚动到div旁边时,我无法删除突出显示。如果您希望看到它,请提供任何帮助,我有一个JSFiddle忽略样式和主页内容,它只是虚拟文本 也许是因为我想自己创作的原因?没必要粗鲁。看看他们的javascript,祝你好运。 var scrollArea = $(window).scrollTop()+45; $('div[id^="section"]').each(functio

我正试图重新创建引导scrollspy功能,但不幸的是,它不会很好。我可以看到它可以获得div并突出显示导航链接,但是当我滚动到div旁边时,我无法删除突出显示。如果您希望看到它,请提供任何帮助,我有一个JSFiddle忽略样式和主页内容,它只是虚拟文本


也许是因为我想自己创作的原因?没必要粗鲁。看看他们的javascript,祝你好运。
var scrollArea = $(window).scrollTop()+45;
$('div[id^="section"]').each(function() {
  elTop = $(this).offset().top;
  elBtm = elTop + $(this).height();
  if (elTop < scrollArea && elBtm > scrollArea) {
    var name = $(this).attr('id').substring(8);
            $('a#'+name).addClass("active");
            $('a#'+name).addClass("current");
            $('a[class^="current"]').each(function() {
                if($(this).attr('id').substring(8) != name){
                    $(this).removeClass("current");
                }
            });
  } else {
    $('a[class^="active"]').each(function() {
                if(!$(this).hasClass("current")){
                    $(this).removeClass("active");
                }
            });
  }
});