我在我的垂直内容滑块中有一个错误

Question

当我单击其中一个按钮时，我的内容滑块并不总是滑动到显示的散列。我发现如何通过观看这个视频来做到这一点http://www.intenda.com/jQuery-tutorials/Create-Interactive-Animated-Timeline-jQuery/124092-2.htmlZ（Z之间的复制）然后我学到了https://www.youtube.com/watch?v=XrBuo3BZXlU&t=538s上的左右滑块控件。但是，我的代码似乎有一个错误，有时会阻止它进入下一张或上一张幻灯片。继承人的代码

$('.right').click(function(event) { 
    $('#showing').removeAttr('id').attr('id','wasShowing'); 
    $('#wasShowing').next().attr('id','showing'); 
    $('#wasShowing').removeAttr('id'); 
} 

https://jsfiddle.net/w3tkmhdn/1/

有人能看到我的代码的问题？

Answer 1

您需要更新scrollLeft部分

$('.content-carousel').animate({ 
    scrollLeft: '+=' + $showing.offset().left 
}, 800,); 

https://jsfiddle.net/w3tkmhdn/2/

为左，右，左，$showing.offset().left收益负值所以+=作品是。