回答編集履歴
2
コード修正 サンプル追加
answer
CHANGED
@@ -2,9 +2,11 @@
|
|
2
2
|
$(".menu_ul li a[href^='#']").click(function(){
|
3
3
|
var menu_href = $(this).attr("href"); //アンカーの値を取得
|
4
4
|
console.log(menu_href);
|
5
|
-
var target = $(menu_href
|
5
|
+
var target = $(menu_href); // アンカーの値から移動先を取得
|
6
6
|
var href_top = target.offset().top; //移動先の座標を取得
|
7
7
|
console.log(href_top);
|
8
8
|
$("html, body").animate({scrollTop:href_top}, 400, "swing");
|
9
9
|
})
|
10
|
-
```
|
10
|
+
```
|
11
|
+
|
12
|
+
[Codepenサンプル](https://codepen.io/hatena19/pen/ZEWvPrz)
|
1
コード修正
answer
CHANGED
@@ -2,9 +2,9 @@
|
|
2
2
|
$(".menu_ul li a[href^='#']").click(function(){
|
3
3
|
var menu_href = $(this).attr("href"); //アンカーの値を取得
|
4
4
|
console.log(menu_href);
|
5
|
-
var target = $(
|
5
|
+
var target = $(menu_href == "#" || menu_href == "" ? 'html' : menu_href); // アンカーの値から移動先を取得
|
6
|
-
var
|
6
|
+
var href_top = target.offset().top; //移動先の座標を取得
|
7
7
|
console.log(href_top);
|
8
|
-
$("html, body").animate({scrollTop:href_top},
|
8
|
+
$("html, body").animate({scrollTop:href_top}, 400, "swing");
|
9
9
|
})
|
10
10
|
```
|