質問編集履歴
1
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -169,3 +169,49 @@
|
|
|
169
169
|
font-weight: bold;
|
|
170
170
|
|
|
171
171
|
}
|
|
172
|
+
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
js
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
//スクロールすると上部に固定させるための設定を関数でまとめる
|
|
180
|
+
|
|
181
|
+
function FixedAnime() {
|
|
182
|
+
|
|
183
|
+
var headerH = $('.head-inner').outerHeight(true);
|
|
184
|
+
|
|
185
|
+
var scroll = $(window).scrollTop();
|
|
186
|
+
|
|
187
|
+
if (scroll >= headerH){//headerの高さ以上になったら
|
|
188
|
+
|
|
189
|
+
$('.head-inner').addClass('fixed');//fixedというクラス名を付与
|
|
190
|
+
|
|
191
|
+
}else{//それ以外は
|
|
192
|
+
|
|
193
|
+
$('.head-inner').removeClass('fixed');//fixedというクラス名を除去
|
|
194
|
+
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
// 画面をスクロールをしたら動かしたい場合の記述
|
|
202
|
+
|
|
203
|
+
$(window).scroll(function () {
|
|
204
|
+
|
|
205
|
+
FixedAnime();/* スクロール途中からヘッダーを出現させる関数を呼ぶ*/
|
|
206
|
+
|
|
207
|
+
});
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
|
|
211
|
+
// ページが読み込まれたらすぐに動かしたい場合の記述
|
|
212
|
+
|
|
213
|
+
$(window).on('load', function () {
|
|
214
|
+
|
|
215
|
+
FixedAnime();/* スクロール途中からヘッダーを出現させる関数を呼ぶ*/
|
|
216
|
+
|
|
217
|
+
});
|