こだわりのページ内リンクスムーズスクロール scrollsmoothly.js

こだわりのページ内リンクスムーズスクロール scrollsmoothly.js 動作サンプル
「ページ内リンク スムーズスクロール」でググればいくらでも出てくるシロモノだけど、自分の要望をすべて満たすものが無かったので作ってみた。

以下のソースコードをサンプルページのようにhead内で読み込むだけでOK。

ソースコード(Javascript)
scrollsmoothly.js

読み込み例

<script type="text/javascript" src="scrollsmoothly.js"></script>

特徴

  • 縦横斜めにスクロール可能
  • スクロール中にもリンクをクリック可能
  • 別のページからのリンクでも指定の場所までスムーズスクロールします
  • MIT License

動作確認ブラウザ