質問編集履歴
1
jsのコードを追加いたしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,7 +18,7 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
|
21
|
-
|
21
|
+
以下試してみたこと
|
22
22
|
|
23
23
|
|
24
24
|
|
@@ -42,7 +42,7 @@
|
|
42
42
|
|
43
43
|
<body>
|
44
44
|
|
45
|
-
<div class="scrollcontens_wrap">
|
45
|
+
<div class="scrollcontens_wrap" style="margin-right:0px;">
|
46
46
|
|
47
47
|
<p>Alphabetは横向きです。</p>
|
48
48
|
|
@@ -182,10 +182,30 @@
|
|
182
182
|
|
183
183
|
}
|
184
184
|
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
}
|
190
|
-
|
191
185
|
```
|
186
|
+
|
187
|
+
|
188
|
+
|
189
|
+
```js
|
190
|
+
|
191
|
+
window.onscroll = function(){
|
192
|
+
|
193
|
+
//スクロールした際に横に動かしたい要素
|
194
|
+
|
195
|
+
var scrollcontens_mr = document.getElementsByClassName("scrollcontens_wrap")[0].style.marginRight;
|
196
|
+
|
197
|
+
//縦スクロールのスクロール量
|
198
|
+
|
199
|
+
var y = window.pageYOffset;
|
200
|
+
|
201
|
+
//横スクロールのスクロール量
|
202
|
+
|
203
|
+
scrollcontens_mr = y + "px";
|
204
|
+
|
205
|
+
console.log(scrollcontens_mr);
|
206
|
+
|
207
|
+
}
|
208
|
+
|
209
|
+
|
210
|
+
|
211
|
+
```
|