質問編集履歴

3

コードの編集

2021/10/14 01:51

投稿

ROKIDOG
ROKIDOG

スコア20

test CHANGED
File without changes
test CHANGED
@@ -84,7 +84,7 @@
84
84
 
85
85
  ```css
86
86
 
87
- & #scrollArea {
87
+ #scrollArea {
88
88
 
89
89
  width: 5000px;
90
90
 
@@ -113,6 +113,8 @@
113
113
  }
114
114
 
115
115
  }
116
+
117
+ }
116
118
 
117
119
  ```
118
120
 

2

コードの追加

2021/10/14 01:51

投稿

ROKIDOG
ROKIDOG

スコア20

test CHANGED
File without changes
test CHANGED
@@ -34,7 +34,35 @@
34
34
 
35
35
  <div class="article_block">
36
36
 
37
-
37
+ <article>
38
+
39
+ <div class="article_box">//要素の入るボックス
40
+
41
+ //要素
42
+
43
+ </div>
44
+
45
+             </article>
46
+
47
+             <article>
48
+
49
+ <div class="article_box">//要素の入るボックス
50
+
51
+ //要素
52
+
53
+ </div>
54
+
55
+             </article>
56
+
57
+             <article>
58
+
59
+ <div class="article_box">//要素の入るボックス
60
+
61
+ //要素
62
+
63
+ </div>
64
+
65
+             </article>
38
66
 
39
67
  </div>
40
68
 
@@ -72,6 +100,16 @@
72
100
 
73
101
  align-items: center;
74
102
 
103
+ & .article_box {
104
+
105
+ width: 500px;
106
+
107
+ height: 500px;
108
+
109
+ border-color: black;
110
+
111
+ position: relative;
112
+
75
113
  }
76
114
 
77
115
  }
@@ -80,7 +118,7 @@
80
118
 
81
119
 
82
120
 
83
- ```jQuery
121
+ ```javascript
84
122
 
85
123
  $(function(){
86
124
 

1

画像を追加しました。

2021/10/14 01:47

投稿

ROKIDOG
ROKIDOG

スコア20

test CHANGED
File without changes
test CHANGED
@@ -5,6 +5,12 @@
5
5
  以下の記事のようにscrollLeftを使って、ボタンクリック時に要素が横へスライドするようにしたいです。
6
6
 
7
7
  https://kakioku.com/posts/2008170
8
+
9
+
10
+
11
+ 現在は添付画像のようになっています。
12
+
13
+ ![イメージ説明](52926535cd3abb3cdb8dfd5619955c8e.png)
8
14
 
9
15
 
10
16