Javascript 旋转传送带时间线导致；“跳跃”；在每张幻灯片上

第一个问题 在上，您可以看到网站在自动滑动时间表的每张幻灯片上向顶部“跳跃”几个像素。我认为这是因为

#0

被添加到时间线的每个点，使其滑动。但我不知道如何使它不跳跃地工作

由于代码太多，我创建了一支笔，您可以看到：

第二个问题： 例如，当它自动滑动到2000年，然后我手动按2016。如果它再次自动滑行，它不会像应该的那样进入2017年，而是进入2000年后的下一个，这可能会让用户感到恼火。如何调整此代码

//adjustment > Autoslide

function timeLineAutoPlay(){
var current = 0;
setInterval(function(){
        current ++;
        $($('.events a')[current]).trigger('click');
        if((current +1)%4 == 0)
        $('.next').trigger('click');
        if(current > $('.events a').length) {
          current = 0;
          $('.prev').trigger('click');
          $('.prev').trigger('click');
        }
},7000);
}    
timeLineAutoPlay();