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

Question

当我点击其中一个按钮时，我的内容滑块并不总是滑动到显示哈希。我通过观看这个视频找到了如何做到这一点Zhttps：//www.lynda.com/jQuery-tutorials/Create-Interactive-Animated-Timeline-jQuery/124092-2.htmlZ（复制在Z＆＃39;之间）然后我学会了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返回负值，因此+=按原样运行。