translateX で移動する基準はどこですか?

常に初期位置を基準として移動します。
2021年12月2日
ユーザー

スライドの移動する距離は、moveSlides()関数の中の

ul.style.transform = `translateX(${-1 * slideWidth * currentIndex}px)`;

で設定していますが、この時の移動の基準となる位置について教えてください。

スライドの幅が100pxだったとして、スライドaからbまたはcへの移動の場合、translateX(-100px)、translateX(-200px)となるので理解できます。
でも、スライドbからcの移動の場合もtranslateX(-200px)となるのですが、この場合移動距離は-100pxかと思います。
translateXで移動する基準値は現在のスライドの位置ではなく、初期の状態(スライドaが表示されている状態)からの移動距離ということでしょうか?

よろしくお願いいたします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(10)