Question

我希望能为我的代码提供一些帮助。这适用于moz / webkit但不适用于ie。我不太明白为什么:(

$(window).trigger('hashchange');

// Add .selected class to nav on page scroll
var $sections = $('section');  
var $navs = $('nav > ul > li');
var topsArray = $sections.map(function() {
    return $(this).position().top - 50;  
}).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;

        }
    }
};

$(document).scroll(function(e) {
    var scrollTop = $(this).scrollTop();
    var secondSection = topsArray[1];

    if(scrollTop <= 200) { // moved past the header
        $navs.eq(0).removeClass("selected")
    } else if(scrollTop >= 205 && scrollTop <= secondSection ) { // between header and 2nd section
        $navs.eq(0).addClass("selected")
    } 
    var checkIndex = getCurrent( scrollTop );
        if( checkIndex !== currentIndex ) {
            currentIndex = checkIndex;
            $navs.eq( currentIndex ).addClass("selected").siblings(".selected").removeClass("selected");
    }

});

Answer 1

IE对javascript错误并不宽容。尝试添加一些缺少的分号：

if(scrollTop <= 200) { // moved past the header
    $navs.eq(0).removeClass("selected"); //missing semicolon
} else if(scrollTop >= 205 && scrollTop <= secondSection ) { // between header and 2nd section
    $navs.eq(0).addClass("selected"); //missing semicolon
}

如果它只是IE，那么IE在解析js时遇到问题。如果遇到问题，请尝试通过JsLint之类的调试器运行js。

如何告诉IE在滚动时将“已选择”类添加到我的LI？

1 个答案: