BLOG

続・画面の外から出てくるスマートフォンのメニュー

前回の画面の外からにゅっと出てくるスマートフォンのメニューの続きです。前回の記事から少しいじりました。おおまかな変更点はクリックをタップにしイージングを追加しました。CSSにiOSで滑らかにスクロールする記述を追加しました。

-webkit-overflow-scrolling: touch;を追加してiosでのメニュー内のスクロールを滑らかにしました。

クリックをタップにする&イージングの追加

Rain or Shineさんのところで配布されているjquery.tap-1.0.3.jsを使わせていただきました。

スマホでシングルタップのレスポンスを向上させるjQueryプラグイン
イージングのライブラリーはこちらよりダウンロードしました

ヘッドに読み込みを記述

clickをtapに変更引数にeaseOutExpoを追加

後はAndroid2系のオーバーフロー時のスクロール対策です。スクロールさせることだけはできましたが、滑らかにスクロールしないので未解決です!

    Sponsored Links