質問編集履歴
2
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
|
|
136
136
|
button.forEach((caret) => {
|
|
137
137
|
button.addEventListener("click", () => {
|
|
138
|
-
if (button === "caret") {
|
|
138
|
+
if (button.type === "caret") {
|
|
139
139
|
caret.classList.replace("fa-chevron-right", "fa-chevron-left");
|
|
140
140
|
} else {
|
|
141
141
|
caret.classList.replace("fa-chevron-left", "fa-chevron-right");
|
1
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -116,9 +116,10 @@
|
|
|
116
116
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/js/all.min.js" integrity="sha512-cyAbuGborsD25bhT/uz++wPqrh5cqPh1ULJz4NSpN9ktWcA6Hnh9g+CWKeNx2R0fgQt+ybRXdabSBgYXkQTTmA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
117
117
|
```
|
|
118
118
|
```ここに言語を入力
|
|
119
|
-
|
|
120
119
|
const buttonscroll = document.querySelector('.c-scroll-button');
|
|
121
120
|
const container = document.querySelector('.p-scrollbar');
|
|
121
|
+
const caret = document.querySelector('.fa-chevron-right');
|
|
122
|
+
const button = document.querySelector('.c-scroll-button');
|
|
122
123
|
|
|
123
124
|
buttonscroll.addEventListener('click', movement);
|
|
124
125
|
|
|
@@ -142,12 +143,7 @@
|
|
|
142
143
|
});
|
|
143
144
|
});
|
|
144
145
|
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
146
|
```
|
|
149
147
|
|
|
150
148
|
サンプル
|
|
151
|
-
https://codepen.io/boo-jp/pen/ZEJvPEV
|
|
149
|
+
https://codepen.io/boo-jp/pen/ZEJvPEV
|
|
152
|
-
|
|
153
|
-
ついでに、スピードも遅くしたいのですが、tableにtransitionをつけても聞きません。jsでやるしかないでしょうか？
|