質問編集履歴

1

jsのコードを追加いたしました。

2017/09/14 02:39

投稿

rishi
rishi

スコア14

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
+ ```