質問編集履歴
2
id=top-headが抜けているとご指摘いただきましたため、htmlを修正いたしました。失礼いたしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -78,6 +78,14 @@
|
|
|
78
78
|
|
|
79
79
|
```html
|
|
80
80
|
|
|
81
|
+
<header id="top-head">
|
|
82
|
+
|
|
83
|
+
<div class="inner">
|
|
84
|
+
|
|
85
|
+
<div id="mobile-head">
|
|
86
|
+
|
|
87
|
+
<h1 class="logo"><img src="images/sample_logo.png" width="142" height="80" alt="logo"></h1>
|
|
88
|
+
|
|
81
89
|
<div id="nav-toggle">
|
|
82
90
|
|
|
83
91
|
<div>
|
1
ハンバーガーメニューのスクリプトを追加いたしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -247,3 +247,41 @@
|
|
|
247
247
|
|
|
248
248
|
|
|
249
249
|
```
|
|
250
|
+
|
|
251
|
+
|
|
252
|
+
|
|
253
|
+
※ ハンバーガーメニューのスクリプト（追記）
|
|
254
|
+
|
|
255
|
+
```script
|
|
256
|
+
|
|
257
|
+
$(function() {
|
|
258
|
+
|
|
259
|
+
var $header = $('#top-head');
|
|
260
|
+
|
|
261
|
+
// Nav Fixed
|
|
262
|
+
|
|
263
|
+
$(window).scroll(function() {
|
|
264
|
+
|
|
265
|
+
if ($(window).scrollTop() > 250) {
|
|
266
|
+
|
|
267
|
+
$header.addClass('fixed');
|
|
268
|
+
|
|
269
|
+
} else {
|
|
270
|
+
|
|
271
|
+
$header.removeClass('fixed');
|
|
272
|
+
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
});
|
|
276
|
+
|
|
277
|
+
// Nav Toggle Button
|
|
278
|
+
|
|
279
|
+
$('#nav-toggle').click(function(){
|
|
280
|
+
|
|
281
|
+
$header.toggleClass('open');
|
|
282
|
+
|
|
283
|
+
});
|
|
284
|
+
|
|
285
|
+
});
|
|
286
|
+
|
|
287
|
+
```
|