固定されたヘッダーのアンカーリンクに最適「smooth-scroll.js」

■GitHubでダウンロード

https://github.com/cferdinandi/smooth-scroll

html

<script src="js/smooth-scroll.polyfills.min.js"></script>

js

<script>
var scroll = new SmoothScroll('a[href*="#"]');
<script>

ヘッダーを固定している場合のずれ

<script>
var scroll = new SmoothScroll('a[href*="#"]', {
  header: '#header'
});
</script>

スクロールスピードの調整

<script>
var scroll = new SmoothScroll('a[href*="#"]', {
  header: '#header',
  speed: 1000,
});
</script>