回答編集履歴
1
修正点の追加
answer
CHANGED
|
@@ -11,4 +11,21 @@
|
|
|
11
11
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
-
これで動くんじゃないでしょうか。
|
|
14
|
+
これで動くんじゃないでしょうか。
|
|
15
|
+
|
|
16
|
+
---
|
|
17
|
+
追記
|
|
18
|
+
今のままだとリンクをクリックしたときにリンク先に移動してしまうのでアニメーションが起こりませんね。
|
|
19
|
+
移動するのを防ぐために `event.preventDefault();` が必要です。
|
|
20
|
+
```js
|
|
21
|
+
$(function(){
|
|
22
|
+
$('.tableOfContents a').click(function(){
|
|
23
|
+
event.preventDefault(); //追加する
|
|
24
|
+
var id = $(this).attr('href');
|
|
25
|
+
var position = $(id).offset().top;
|
|
26
|
+
$('body, html').animate({
|
|
27
|
+
'scrollTop': position
|
|
28
|
+
}, 500)
|
|
29
|
+
})
|
|
30
|
+
});
|
|
31
|
+
```
|