Javascript ScrollingTop被卡住了

下面的代码向下滚动很好，但没有滚动到顶部。当它到达底部或顶部时会卡住。但是，如果你不那么接近底部和顶部，它就工作得很好。 看起来如果你点击更多的时间，当你点击底部时，你必须点击相同的数字才能滚动到顶部

有线索吗？

var滚动=0；
$（函数（）{
$（“#向上单击”）。在（“单击”上，函数（）{
console.log（“向上单击”）；
滚动=滚动-100；
$（“.nav”）.animate({
滚动顶部：滚动
});
});
$（“#向下单击”）。在（“单击”上，函数（）{
console.log（“下击”）；
滚动=滚动+100；
$（“.nav”）.animate({
滚动顶部：滚动
});
});
});
。箭头按钮{
光标：指针；
}
.箭头按钮：悬停{
位置：相对位置；
顶部：1px；
左：1px；
边框颜色：#E5；
光标：指针；
}
#边栏{
宽度：880px；
字体大小：粗体；
}
.导航{
最大高度：150像素；
溢出y：隐藏；
}























嗯。。。工作原理：3
小提示：


.stop（）动画，然后再播放另一个动画
检查滚动条的最大值和最小值


var滚动=0；
$（函数（）{
$（“#向上单击”）。在（“单击”上，函数（）{
console.log（“向上单击”）；
滚动=滚动-100；
如果（滚动<0）滚动=0；
$（“.nav”）.stop（）.animate({
滚动顶部：滚动
});
});
$（“#向下单击”）。在（“单击”上，函数（）{
console.log（“下击”）；
滚动=滚动+100；
如果（滚动>$（“.nav”）.prop（“滚动高度”））
滚动=$（“.nav”）.prop（“滚动高度”）；
$（“.nav”）.stop（）.animate({
滚动顶部：滚动
});
});
});
.nav{
最大高度：150像素；
溢出y：自动；
}















嗯。。。工作原理：3
小提示：


.stop（）动画，然后再播放另一个动画
检查滚动条的最大值和最小值


var滚动=0；
$（函数（）{
$（“#向上单击”）。在（“单击”上，函数（）{
console.log（“向上单击”）；
滚动=滚动-100；
如果（滚动<0）滚动=0；
$（“.nav”）.stop（）.animate({
滚动顶部：滚动
});
});
$（“#向下单击”）。在（“单击”上，函数（）{
console.log（“下击”）；
滚动=滚动+100；
如果（滚动>$（“.nav”）.prop（“滚动高度”））
滚动=$（“.nav”）.prop（“滚动高度”）；
$（“.nav”）.stop（）.animate({
滚动顶部：滚动
});
});
});
.nav{
最大高度：150像素；
溢出y：自动；
}















当您尝试滚动时，请始终记住它不应为负值

在程序开始时，它进入-ve值，添加条件

 $("#upClick").on("click", function () {
        console.log("upClick");
        scrolled = scrolled - 100;
        if(scrolled>0){
      $(".nav").animate({
            scrollTop: scrolled
        });  
      }
    });

当您尝试滚动时，请始终记住它不应为负值

在程序开始时，它进入-ve值，添加条件

 $("#upClick").on("click", function () {
        console.log("upClick");
        scrolled = scrolled - 100;
        if(scrolled>0){
      $(".nav").animate({
            scrollTop: scrolled
        });  
      }
    });

你为什么不发布MCVE？为什么不发布MCVE？