MENU

固定されたヘッダーのアンカーリンクに最適「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>

 

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次