jquery滚动，当页面滚动时更改导航活动类，相对于部分

http://jsfiddle.net/motocomdigital/gUWdJ/ http://jsfiddle.net/motocomdigital/gUWdJ/

我正在寻找 jquery 滚动技术，我想适应我的项目。

请在此处查看我的项目示例作为小提琴http://jsfiddle.net/motocomdigital/gUWdJ/ http://jsfiddle.net/motocomdigital/gUWdJ/

目前，您可以看到我的导航链接自动为相对于<section>'s.

我的问题是，使用$(window).scroll方法，我怎样才能添加一个.active给我上课nav a当这些部分到达窗口顶部时？

因此，例如，如果用户向下滚动页面（而不是导航链接），我希望添加相对导航链接的活动类。指示您在页面上的位置。

每次我猜测当用户向下滚动页面时，必须删除活动类，然后添加活动类。

此外，您还必须考虑固定导航栏的 28px 高度，偏移顶部窗口。

任何人都可以向我展示一种我可以尝试使用或适应的技术，或者也许向我展示使用我的 jsfiddle :)

任何帮助将不胜感激，提前致谢！

http://jsfiddle.net/motocomdigital/gUWdJ/ http://jsfiddle.net/motocomdigital/gUWdJ/

如果您想要更通用的功能：

SEE DEMO http://jsfiddle.net/gUWdJ/3/

$(window).scroll(function() {
    var windscroll = $(window).scrollTop();
    if (windscroll >= 100) {
        $('nav').addClass('fixed');
        $('.wrapper section').each(function(i) {
            if ($(this).position().top <= windscroll - 100) {
                $('nav a.active').removeClass('active');
                $('nav a').eq(i).addClass('active');
            }
        });

    } else {

        $('nav').removeClass('fixed');
        $('nav a.active').removeClass('active');
        $('nav a:first').addClass('active');
    }

}).scroll();​