回答編集履歴
2
見づらさの修正
test
CHANGED
|
@@ -146,6 +146,10 @@
|
|
|
146
146
|
|
|
147
147
|
|
|
148
148
|
|
|
149
|
+
## 以下追記
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
|
|
149
153
|
jQueryの`addClass()` `removeClass()`メソッドを使用して `.header--scrolled` をつけたり外したりして色を変えていますが、 `css()`メソッドを使用して
|
|
150
154
|
|
|
151
155
|
```js
|
1
追記しました
test
CHANGED
|
@@ -141,3 +141,31 @@
|
|
|
141
141
|
});
|
|
142
142
|
|
|
143
143
|
```
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
jQueryの`addClass()` `removeClass()`メソッドを使用して `.header--scrolled` をつけたり外したりして色を変えていますが、 `css()`メソッドを使用して
|
|
150
|
+
|
|
151
|
+
```js
|
|
152
|
+
|
|
153
|
+
$(window).scroll(function () {
|
|
154
|
+
|
|
155
|
+
var scrollTop = $(window).scrollTop();
|
|
156
|
+
|
|
157
|
+
if( 200 < scrollTop && scrollTop < 1200 ){
|
|
158
|
+
|
|
159
|
+
$('.header').css('background-color','rgba(255,255,255,.8)');
|
|
160
|
+
|
|
161
|
+
}else{
|
|
162
|
+
|
|
163
|
+
$('.header').css('background-color','#333');
|
|
164
|
+
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
});
|
|
168
|
+
|
|
169
|
+
```
|
|
170
|
+
|
|
171
|
+
とかでもいけます！
|