javascript - javascript を使用して Android のスクロール可能なタブのデザインを作成する

Question

http://developer.android.com/design/building-blocks/tabs.html#scrollable

JavaScript (または jQuery) を使用して Web アプリでこの効果を達成した人はいますか?

ページがうまくスライドするようになりました (明らかにそれは簡単な部分です)。

固定のタブ レイアウトをそのまま使用することもできますが、何かヒントや例があれば教えていただければ幸いです...

Answer 1

ページを Android のように見せる CSS があります。

• https://github.com/proimage/Android-4-ICS-CSS

いくつかの JS を使用した、より高度なプロジェクトがあります。

• http://jaunesarmiento.me/fries/index.html

そして、これはページスワイプを行う方法です:

• http://stereobit.github.io/dragend/ (PCでも動作します)
• http://swipejs.com/ (タッチデバイスでのみ動作)
• http://eightmedia.github.io/hammer.js/ (イベントをトリガーするだけで、ページをスワイプしません)

これらを使用すると、1 つの HTML ファイルに複数のページを含めることができます。

• http://handlebarsjs.com/
• https://github.com/janl/mustache.js
• http://underscorejs.org/
• http://embeddedjs.com/
• http://jade-lang.com/
• https://github.com/blueimp/JavaScript-テンプレート

私は、これらのライブラリのいくつかを使用可能なアプリケーションに結合するために自分自身で取り組んでいます。それが役に立てば幸い。これも自分への備忘録です。