質問するログイン新規登録

回答編集履歴

2

コード修正 サンプル追加

2020/09/07 14:04

投稿

hatena19
hatena19

スコア34367

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 == "#" || menu_href == "" ? 'html' : 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

コード修正

2020/09/07 14:04

投稿

hatena19
hatena19

スコア34367

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 = $(href == "#" ? 'html' : href); // アンカーの値から移動先を取得
5
+ var target = $(menu_href == "#" || menu_href == "" ? 'html' : menu_href); // アンカーの値から移動先を取得
6
- var heref_top = target.offset().top; //移動先の座標を取得
6
+ var href_top = target.offset().top; //移動先の座標を取得
7
7
  console.log(href_top);
8
- $("html, body").animate({scrollTop:href_top}, speed, "swing");
8
+ $("html, body").animate({scrollTop:href_top}, 400, "swing");
9
9
  })
10
10
  ```