回答編集履歴
2
コード修正 サンプル追加
test
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
console.log(menu_href);
|
|
8
8
|
|
|
9
|
-
var target = $(menu_href
|
|
9
|
+
var target = $(menu_href); // アンカーの値から移動先を取得
|
|
10
10
|
|
|
11
11
|
var href_top = target.offset().top; //移動先の座標を取得
|
|
12
12
|
|
|
@@ -17,3 +17,7 @@
|
|
|
17
17
|
})
|
|
18
18
|
|
|
19
19
|
```
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
[Codepenサンプル](https://codepen.io/hatena19/pen/ZEWvPrz)
|
1
コード修正
test
CHANGED
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
|
|
7
7
|
console.log(menu_href);
|
|
8
8
|
|
|
9
|
-
var target = $(href == "#" ? 'html' : href); // アンカーの値から移動先を取得
|
|
9
|
+
var target = $(menu_href == "#" || menu_href == "" ? 'html' : menu_href); // アンカーの値から移動先を取得
|
|
10
10
|
|
|
11
|
-
var h
|
|
11
|
+
var href_top = target.offset().top; //移動先の座標を取得
|
|
12
12
|
|
|
13
13
|
console.log(href_top);
|
|
14
14
|
|
|
15
|
-
$("html, body").animate({scrollTop:href_top},
|
|
15
|
+
$("html, body").animate({scrollTop:href_top}, 400, "swing");
|
|
16
16
|
|
|
17
17
|
})
|
|
18
18
|
|