回答編集履歴
2
インデント修正
answer
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
jQueryのanimateメソッドにはcomplete関数を実行することが可能です。
|
|
2
2
|
```lang=javascript
|
|
3
3
|
$(function(){
|
|
4
|
-
|
|
4
|
+
$('a[href^="#"]').click(function(){
|
|
5
|
-
|
|
5
|
+
var speed = 500;
|
|
6
|
-
|
|
6
|
+
var href= $(this).attr("href");
|
|
7
|
-
|
|
7
|
+
var target = $(href == "#" || href == "" ? 'html' : href);
|
|
8
|
-
|
|
8
|
+
var position = target.offset().top;
|
|
9
|
-
|
|
9
|
+
$("html, body").animate(
|
|
10
|
-
|
|
10
|
+
{scrollTop:position}, speed, "swing",
|
|
11
|
-
|
|
11
|
+
complete: function () {
|
|
12
|
-
|
|
12
|
+
// 実行したい処理
|
|
13
|
-
|
|
13
|
+
// ここにメニューを閉じる処理を記述する
|
|
14
|
-
|
|
14
|
+
}
|
|
15
|
-
|
|
15
|
+
);
|
|
16
|
-
|
|
16
|
+
return false;
|
|
17
|
-
|
|
17
|
+
});
|
|
18
18
|
});
|
|
19
19
|
```
|
1
書式の改善
answer
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
1
|
jQueryのanimateメソッドにはcomplete関数を実行することが可能です。
|
|
2
2
|
```lang=javascript
|
|
3
|
+
$(function(){
|
|
4
|
+
$('a[href^="#"]').click(function(){
|
|
5
|
+
var speed = 500;
|
|
6
|
+
var href= $(this).attr("href");
|
|
7
|
+
var target = $(href == "#" || href == "" ? 'html' : href);
|
|
8
|
+
var position = target.offset().top;
|
|
9
|
+
$("html, body").animate(
|
|
10
|
+
{scrollTop:position}, speed, "swing",
|
|
11
|
+
complete: function () {
|
|
12
|
+
// 実行したい処理
|
|
13
|
+
|
|
14
|
+
}
|
|
15
|
+
);
|
|
16
|
+
return false;
|
|
17
|
+
});
|
|
18
|
+
});
|
|
3
19
|
```
|