スクロールが綺麗なjQuery animatescroll.js
今まで使ってきたページ内スクロールのjQueryプラグイン。
いい加減飽きてきたのでなにかないかなと・・・
代わりになるものがあったので健忘録を。
animatescroll.js
使い方は簡単です。
animatescroll.jsの公式サイトから一式をダウンロード。
head内に下記を書きます。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="./js/animatescroll.js"></script>
※animatescroll.jsまでのパスは環境に合わせて変更してください。
あとはリンクの指定。
<a onclick=
"$('#footer').animatescroll({scrollSpeed:1500,easing:'easeOutBack'});" href="#">footer</a>
こんな感じ。
onclickを使ってリンク先のID、classを指定してあげます。
あとはスピード、easingを指定すれば動きます。
動きも結構な種類があるので色々試してみたくなりますね。
デモを作ったので気になる方は・・・
デモページへ
僕の環境だと少し動きがイマイチな気がしますが、公式の動きはとても綺麗です。
