JavaScriptテックラボ

ページ内リンクをスムーズに移動させるライブラリ

ページ内リンクをスムーズに行うjsライブラリ、smoothScroll.jsを使ってみました。
iPhoneやAndroidでも安定した動作をしてくれます。

サイトからダウンロードしたsmoothScroll.jsを読み込むだけで、個々のページ内リンクは変更の必要がありません。
使用例は以下のとおりで、かなりシンプルに使えます。

<head>
<script type="text/javascript" src="smoothScroll.js">%lt;/script>
</head>
<body>
...
<a href="#top">ページの先頭に戻る</a>

スムーズさせたくないページ内リンクに対しては、下記のようにdata-tor-smoothScroll属性を使ってスムーズスクロール不可の指定が可能です。

<a href="#top" data-tor-smoothScroll="noSmooth">スムーズなし</a>

ページ内リンクをスマートにするsmoothScroll.js
http://blog.webcreativepark.net/2007/07/12-143406.html

関連記事