JavaScriptテックラボ

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

2011年7月26日
ページ内リンクをスムーズに行う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

Comment

コメントを残す

メールアドレスが公開されることはありません。

リズムファクトリーはホームページの制作会社です。
ホームページ制作に関するご要望・ご相談はこちらからどうぞ。