ガラ

ここからはじめよう

2019.07.26
jQuery

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

 

お勧めの記事

過去の記事