h2ospace

iPhone/Androidで「スムーススクロール」を実現するなら『smoothScroll.js』

2010-10-11 04:51:41

「トップへ戻る」などのいわゆるページ内リンクをするとき、そのままでは一瞬で推移してしまって行方不明になってしまいます。そこで、ページが「するすると」移動するようにスクロールする「スムーススクロール」を採用するサイトが増えました。

非常に多くのライブラリがあるのですが、これをiPhone/Androidでも利用しようとするとちょっと注意が必要です。ライブラリによっては、動作しなかったり動きがおかしかったりすることがあるのです。

SafariやChromeでは正常に動作しても、iPhoneでは動きがぎこちなくなってしまったり、そもそも動作しないライブラリなどもありました。そこで、いくつかのものを検証してみたところ、to-Rさんが配布している次のライブラリが最も安定していました。

組み込み方も非常に簡単で、ダウンロードした.jsファイルを組み込むだけ。ページ内スクロールがすべてスムーススクロールになります。ぜひ、使ってみてください。

なお、この内容は今週の「iPhone・Androidサイト制作ガイド」にて掲載されています。あわせてご覧くださいませ。

※このエントリは ブロガーにより投稿されたものです。朝日インタラクティブ および ZDNet Japan編集部の見解・意向を示すものではありません。
  • 新着記事
  • 特集
  • ブログ