私はWebViewに基づいてHoneycombタブレットアプリケーションを実装する予定です(つまり、基本的にはHTML5 Webベースのアプリケーションはtablet専用です)。
私は指をスワイプすることで水平および垂直スクロールを実装しようとしています。理解を深めるために、サンプルのアウトラインを作成しました。
この画像は、左右のページを垂直にスクロールできるHoneycombのネイティブ設定アクティビティに似たものを示しています
あらゆる種類のガイドまたはリソースを歓迎します。ありがとう
iScroll を見てください:
iScroll 4は、元の iScroll コードを完全に書き直したものです。スクリプトの開発は、モバイルWebkit(iPhone、iPad、Android)が固定幅/高さ要素内のコンテンツをスクロールするネイティブな方法を提供しないために始まりました。この不幸な状況により、すべてのWebアプリが
position:absolute
ヘッダーおよび/またはフッターと、コンテンツのスクロール中央エリアを持つことができなくなります。最新のAndroidリビジョンがこの機能をサポートしていますが(サポートは最適ではありませんが)、Appleはdivに1本の指のスクロールを追加することに消極的です...
ここに私がこれまでに見つけたものがあります:
スクロールの実装方法によって異なります。スワイプイベントを添付する場合は、よく知られているライブラリを使用して実装する最も簡単な方法です。
役に立てば幸いです。スワイプが終了するのを待ちたくないので、私はまだスクロールダウンの実装に苦労しています。代わりに、インスタントスクロールフィードバックを実装しようとしていますが、RAW JS座標を使用して非常に接近していますが、満足のいくものではありません。
Hammer JSは私にとって便利です。
このライブラリは非常に便利です。 https://github.com/cubiq/2-way-iScroll
垂直スクロールと水平スワイプのケースを処理します。