質問編集履歴
1
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -83,4 +83,27 @@
|
|
|
83
83
|
background-color: #ff0000;
|
|
84
84
|
padding: 15px 40px;
|
|
85
85
|
font-weight: bold;
|
|
86
|
-
}
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
js
|
|
89
|
+
|
|
90
|
+
//スクロールすると上部に固定させるための設定を関数でまとめる
|
|
91
|
+
function FixedAnime() {
|
|
92
|
+
var headerH = $('.head-inner').outerHeight(true);
|
|
93
|
+
var scroll = $(window).scrollTop();
|
|
94
|
+
if (scroll >= headerH){//headerの高さ以上になったら
|
|
95
|
+
$('.head-inner').addClass('fixed');//fixedというクラス名を付与
|
|
96
|
+
}else{//それ以外は
|
|
97
|
+
$('.head-inner').removeClass('fixed');//fixedというクラス名を除去
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
// 画面をスクロールをしたら動かしたい場合の記述
|
|
102
|
+
$(window).scroll(function () {
|
|
103
|
+
FixedAnime();/* スクロール途中からヘッダーを出現させる関数を呼ぶ*/
|
|
104
|
+
});
|
|
105
|
+
|
|
106
|
+
// ページが読み込まれたらすぐに動かしたい場合の記述
|
|
107
|
+
$(window).on('load', function () {
|
|
108
|
+
FixedAnime();/* スクロール途中からヘッダーを出現させる関数を呼ぶ*/
|
|
109
|
+
});
|