私の垂直コンテンツスライダにバグがあります

Question

いずれかのボタンをクリックすると、コンテンツスライダが常に表示ハッシュにスライドするとは限りません。私はこのビデオを見て、これを行う方法を見つけたZhttps：//www.lynda.com/jQuery-tutorials/Create-Interactive-Animated-Timeline-jQuery/124092-2.htmlZ（Zの中にコピー）左右のスライダーコントロールはhttps://www.youtube.com/watch?v=XrBuo3BZXlU&t=538sにあります。しかし、私のコードには、次回または前のスライドに行くのを止めるバグがあるようです。 HERESにコード

$('.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

あなたはあるよう+=作品ように、両方の$showing.offset().left戻り、左のため、左右の負の値のためにscrollLeftの一部に

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

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

を更新する必要があります。