質問編集履歴

1

javascriptのコードを追加しました。

2020/05/15 08:21

投稿

works_noname
works_noname

スコア6

test CHANGED
File without changes
test CHANGED
@@ -153,3 +153,49 @@
153
153
  実は初歩的なことでしたら、申し訳ございません。
154
154
 
155
155
  何卒よろしくお願い致します。
156
+
157
+
158
+
159
+ ### 追記
160
+
161
+ javascriptの中身です。
162
+
163
+ ```
164
+
165
+ $(function() {
166
+
167
+ headerAdjust('.header');
168
+
169
+ $(window).on('scroll', function() {
170
+
171
+ headerAdjust('.header');
172
+
173
+ });
174
+
175
+ });
176
+
177
+
178
+
179
+ // ヘッダーのサイズ調整
180
+
181
+ var adjustPoint = 20;
182
+
183
+ var adjustClass = 'fix';
184
+
185
+ function headerAdjust(tgt) {
186
+
187
+ var scrollTop = $(window).scrollTop();
188
+
189
+ if(scrollTop > adjustPoint) {
190
+
191
+ $(tgt).addClass(adjustClass);
192
+
193
+ } else {
194
+
195
+ $(tgt).removeClass(adjustClass);
196
+
197
+ }
198
+
199
+ }
200
+
201
+ ```