为什么我的 "ScrollSpy" 函数中导航的最后一个子项返回值 undefined？

Question

我有一个我们以前都见过的导航菜单，这是基于当前滚动位置添加/删除类。

到目前为止，一切都工作得很好，但是内容和导航中的最后一个"section"都返回了一个未定义的值，而其余部分的行为都是正确的。

这是一个到舞台网站的链接。

http://sites.atjayjo.com/cozy-two/frequently-asked-questions.php

这是我使用的JQuery:

var $sections = $('hgroup');
var $sectionsHead = $('hgroup h2');
var $navs = $('.faq-sidebar a');
var topsArray = $sections.map(function(){
    return $(this).position().top + 238;
}).get();
var len = topsArray.length;
var currentIndex = 0;
var getCurrent = function( top ) {
    for(var i = 0; i < len; i++) {
        if (top > topsArray[i] && topsArray[i+1] && top < topsArray[i+1] ) {
            return i;
        }
    }
};
$(window).scroll(function(e){
    var scrollTop = $(this).scrollTop();
    var checkIndex = getCurrent(scrollTop);;
    if (checkIndex !== currentIndex) {
        currentIndex = checkIndex;
        $navs.eq(currentIndex).addClass('active').siblings('.active').removeClass('active');
        $('hgroup h2').removeClass('active');
        $sectionsHead.eq(currentIndex).addClass('active');
        // console.log(alert(currentIndex));
    }
});

谢谢你的帮助!

Answer 1

问题在

if (top > topsArray...) 

行由于表达式的求值。

将行改为:

if  ( top > topsArray[i] && (!topsArray[i+1] || top < topsArray[i+1]) )