【jQuery】タッチデバイスでも滑らかなスムーススクロールを作りました [IE8対応]

150822_001

2016/07/08 jQuery 2.2 対応に修正しました。

お客さんから「スマホでスムーススクロールがカクつくの、何とかなりません?」とご要望を頂いたので、Velocity.js を利用して作りました。

目次

検証済みブラウザとOS

  • IE 8~
  • Firefox
  • Google Chrome
  • Safari
  • Windows 7
  • OS X Yosemite
  • iOS 8
  • Android 4.1

 

要点とコード

code

  • よくあるコードを、Velocity.js 用に書き換えただけ
  • ページトップは、a グではなく id 指定にしている

 

カスタマイズ

customize

#pagetop ではなく a タグにしたい
jQueryの該当コードをコメントアウトして、普通にリンクを設置すればOK。

 

問題点

iPod touch 第5世代で引っかかりが発生する
既にレンダリングはAndroidに負けているので、しょうがない。iPad は問題なし。

 

    • このエントリーをはてなブックマークに追加