質問編集履歴
2
codeを入れました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -35,6 +35,9 @@
|
|
|
35
35
|
### 該当のソースコード
|
|
36
36
|
|
|
37
37
|
###html
|
|
38
|
+
|
|
39
|
+
```html
|
|
40
|
+
|
|
38
41
|
<h1 class="title">〇〇〇</h1>
|
|
39
42
|
<div class="hscroll_wrapper">
|
|
40
43
|
<span class="arrow left">＜</span><span class="arrow right">＞</span>
|
|
@@ -55,7 +58,12 @@
|
|
|
55
58
|
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
56
59
|
</div>
|
|
57
60
|
|
|
61
|
+
```
|
|
62
|
+
|
|
58
63
|
###css
|
|
64
|
+
|
|
65
|
+
```css
|
|
66
|
+
|
|
59
67
|
.title{
|
|
60
68
|
font-size: 20px;
|
|
61
69
|
}
|
|
@@ -89,7 +97,12 @@
|
|
|
89
97
|
}
|
|
90
98
|
|
|
91
99
|
|
|
100
|
+
```
|
|
101
|
+
|
|
92
102
|
###js
|
|
103
|
+
|
|
104
|
+
```js
|
|
105
|
+
|
|
93
106
|
document.querySelectorAll('.left').forEach(elm => {
|
|
94
107
|
elm.onclick = function () {
|
|
95
108
|
let div = this.parentNode.querySelector('.hscroll_wrapper div');
|
|
@@ -103,6 +116,8 @@
|
|
|
103
116
|
};
|
|
104
117
|
});
|
|
105
118
|
|
|
119
|
+
```
|
|
120
|
+
|
|
106
121
|
### 試したこと
|
|
107
122
|
|
|
108
123
|
初めはdivで分けてdisplay:flex;で横並びにしていたのですが、
|
1
Markdown
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
|
|
35
35
|
### 該当のソースコード
|
|
36
36
|
|
|
37
|
-
html
|
|
37
|
+
###html
|
|
38
38
|
<h1 class="title">〇〇〇</h1>
|
|
39
39
|
<div class="hscroll_wrapper">
|
|
40
40
|
<span class="arrow left">＜</span><span class="arrow right">＞</span>
|
|
@@ -44,9 +44,18 @@
|
|
|
44
44
|
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
45
45
|
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
46
46
|
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
47
|
+
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
48
|
+
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
49
|
+
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
50
|
+
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
51
|
+
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
52
|
+
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
53
|
+
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
54
|
+
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
55
|
+
<a class="link" href="URL"><img class="imgman" src="images/▲▲▲" alt="◆◆◆">◆◆◆</a>
|
|
47
56
|
</div>
|
|
48
57
|
|
|
49
|
-
css
|
|
58
|
+
###css
|
|
50
59
|
.title{
|
|
51
60
|
font-size: 20px;
|
|
52
61
|
}
|
|
@@ -80,7 +89,7 @@
|
|
|
80
89
|
}
|
|
81
90
|
|
|
82
91
|
|
|
83
|
-
js
|
|
92
|
+
###js
|
|
84
93
|
document.querySelectorAll('.left').forEach(elm => {
|
|
85
94
|
elm.onclick = function () {
|
|
86
95
|
let div = this.parentNode.querySelector('.hscroll_wrapper div');
|