jquery - jQuery: .animate() が scrollLeft で動作しない

Question

これは興味深いケースです。Remy Sharp による古い例 (jQuery 無限カルーセル) をフォークしただけですが、今回はコードが機能しません。私のコードの唯一の違いは、最後のアイテムと最初のアイテムを複製せずに固定数のアイテムを用意する必要があることです。

これはCSSコードに関係していると思いますが、解決策が見つかりません。私のデモは以下にあります。

コードペン

正しい方向に私を向けることができれば、事前に感謝します。:-)

Answer 1

アニメートでは scrollLeft の代わりに left を使用します。

animate({
 left: left
}, 500);