jQuery:オリジナルのフリック

flipsnap.jsや13_flicksimple.jsは簡単に利用できるのでオリジナルのコードを
組むつもりはないのですが、以前Android(IS11T)を購入した際に機能しなかった
オリジナルのフリックをデバッグしました。
以前の記事:iOS+jQuery:部分横スクロール(3)androidでの検証
 
原因はタップ位置を取得するコードにありました。以前のコードは以下の様に
タップ位置を取得していたのですが、この方法ではスマートフォンでのタップ位置は
取得できません。というか何故iOSだと機能するのかが不思議です。下記のように
書き換えたら、iOSでもAndroidでも正常に機能するようになりました。

click_X = eo.pageX;

スマートフォンではマルチタッチに対応しているため、どのタッチポイントの座標かを
指定する必要があり、以下の様に書かなければならないのです。

click_X = eo.touches[0].pageX;
デバッグ済サンプル
サンプル:20_original.html
※PCでは動作確認できません、jQueryのソースはhtmlに書いてあります。

 
おしまい
 
 
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


− 五 = 3


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>