2021年12月3日解決済み

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

ユーザー

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

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

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

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

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

スタッフ

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

プレミアムプランとは?