回答編集履歴
3
playground のソースを修正したのでURL変更
test
CHANGED
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
以上。
|
|
61
61
|
|
|
62
62
|
#### 参考
|
|
63
|
-
- [上記の対応を行った playground](https://livecodes.io/?x=id/
|
|
63
|
+
- [上記の対応を行った playground](https://livecodes.io/?x=id/g8fpijhr3cv)
|
|
64
64
|
- [CSSStyleDeclaration.setProperty() - Web API | MDN](https://developer.mozilla.org/ja/docs/Web/API/CSSStyleDeclaration/setProperty)
|
|
65
65
|
- [カスタムプロパティ (--*): CSS 変数 - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/--*)
|
|
66
66
|
- [calc() - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/calc)
|
2
コード部分をマークダウンでそれらしくする
test
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
js で手書きしていた `transform` を css に持ってきて 移動幅を 100% から 100% の 1/3 づつにします。（これは js でやってもいいですが、操作を単純にしたいのでやります。
|
|
2
|
+
（別途移動量を 定義してそれを使ってもいいかもしれません
|
|
2
3
|
|
|
3
4
|
```css
|
|
4
5
|
.testimonial-track {
|
|
@@ -8,7 +9,7 @@
|
|
|
8
9
|
```
|
|
9
10
|
|
|
10
11
|
あとは
|
|
11
|
-
- インジゲーターの数を取得して -1 を maxIndex として処理する
|
|
12
|
+
- インジゲーターの数を取得して -1 を `maxIndex` として処理する
|
|
12
13
|
- `--currentIndex` を更新する
|
|
13
14
|
だけではないでしょうか？
|
|
14
15
|
|
1
--currentIndex を更新について追記
test
CHANGED
|
@@ -7,7 +7,10 @@
|
|
|
7
7
|
}
|
|
8
8
|
```
|
|
9
9
|
|
|
10
|
+
あとは
|
|
10
|
-
|
|
11
|
+
- インジゲーターの数を取得して -1 を maxIndex として処理する
|
|
12
|
+
- `--currentIndex` を更新する
|
|
13
|
+
だけではないでしょうか？
|
|
11
14
|
|
|
12
15
|
```js
|
|
13
16
|
let currentIndex = 0;
|