Jquery 手动滚动以添加类不'；我不能在这里工作

以下是JSFIDLE链接：

你好

在上面的链接中，单击链接时，您会发现在

（'.nav inner a'）

上添加了一个类

活动

，同时页面也会滚动。（有关更多了解，请参见代码）：

现在当我手动滚动addClass（）并以同样的方式运行时，我希望发生这种情况。我试过这个：

    $('html, body').scroll(function ()
{
    if(($('html, body').scrollTop())<1000)
    {
        $(".nav-inner a").removeClass('active');
        $(".nav-inner a:nth-child(1)").addClass('active');
    }
    else if(($('html, body').scrollTop())<2000)
    {
        $(".nav-inner a").removeClass('active');
        $(".nav-inner a:nth-child(2)").addClass('active');
    }
    else
    {
        $(".nav-inner a").removeClass('active');
        $(".nav-inner a:nth-child(3)").addClass('active');
    }
});

$（'html，body'）。滚动（函数（）
{
如果（$（'html，body'）.scrollTop（））将
$（'html，body'）.scroll（）替换为
$（window.scroll（）

和
$（'html，body'）。scrollTop（）
和
$（窗口）。scrollTop（）

请查看：

$（窗口）。滚动（函数（）{
var scrll=$（this.scrollTop（）；
如果（scrll<1000）
{
$（“.nav内部a”）.removeClass（“活动”）；
$（“.nav内部a:n子级（1）”）.addClass（'active'）；
}
否则如果（scrll<2000）
{
$（“.nav内部a”）.removeClass（“活动”）；
$（“.nav内部a:n子级（2）”）.addClass（'active'）；
}
其他的
{
$（“.nav内部a”）.removeClass（“活动”）；
$（“.nav内部a:n子级（3）”）.addClass（'active'）；
}
});

    $('html, body').scroll(function ()
{
    if(($('html, body').scrollTop())<1000)
    {
        $(".nav-inner a").removeClass('active');
        $(".nav-inner a:nth-child(1)").addClass('active');
    }
    else if(($('html, body').scrollTop())<2000)
    {
        $(".nav-inner a").removeClass('active');
        $(".nav-inner a:nth-child(2)").addClass('active');
    }
    else
    {
        $(".nav-inner a").removeClass('active');
        $(".nav-inner a:nth-child(3)").addClass('active');
    }
});

$(window).scroll(function (){
    var scrll = $(this).scrollTop();
    if(scrll < 1000)
    {
        $(".nav-inner a").removeClass('active');
        $(".nav-inner a:nth-child(1)").addClass('active');
    }
    else if(scrll < 2000)
    {
        $(".nav-inner a").removeClass('active');
        $(".nav-inner a:nth-child(2)").addClass('active');
    }
    else
    {
        $(".nav-inner a").removeClass('active');
        $(".nav-inner a:nth-child(3)").addClass('active');
    }
});