jquery - 根据滚动位置在多个对象上更改CSS

我试图在与当前滚动到的div对应的粘性标头中突出显示链接。我已经尽力在网上找到解决方案，但是什么也没找到。也许我使用了错误的关键字，所以请原谅我。我也知道Bootstrap的Scrollspy，但是，我网站上的某些内容阻止了它的正常运行。哦，亲爱的...发生了严重错误。

无论如何，如果您能看一下下面的小提琴，我将不胜感激：
http://jsfiddle.net/Eh5L9/9/

    $(window).scroll(function () {
    $(".panel").each(function() {
        var eidee = this.attr('id'),
            thetop = this.offset().top,
            thebottom = this.offset.top + this.height();
        if ($(document).scrollTop() > thetop && $(document).scrollTop() < thebottom) {
            $('#menu link' + eidee).addClass('bla');
        }
        else {
            $('#menu link' + eidee).removeClass('bla');
        }
    });
});

最佳答案

除了很多错别字，这里还有一个有用的小提琴：http://jsfiddle.net/Eh5L9/6/

我更改了显示在底部的CSS菜单，以便您可以看到它的工作原理。仍然有更好的方法来编写此代码-无论如何它都可以工作。

JS：

    $(window).scroll(function() {
    $(".panel").each(function(){
        var eidee = $(this).attr('id'),
            thetop = $(this).offset().top,
            thebottom = $(this).offset().top + $(this).height();
        if ($(document).scrollTop() > thetop && $(document).scrollTop() < thebottom) {
            $('#menu').find('#link' + eidee).addClass('bla');
        }
        else {
            $('#menu').find('#link' + eidee).removeClass('bla');
        }
    });
});