使用JavaScript来构建Android滚动标签设计

Question

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

有没有人取得了使用JavaScript（或jQuery的甚至）在Web应用程序这种效果呢？

得到的页面滑动很好（显然这是很容易的部分），但获得页面标题正确动画看起来可能会很痛苦！

可能只是去与固定标签布局，但如果任何人有任何提示或例子，我将非常感激......

Answer 1

有一个CSS，让您的网页看起来像Android一样：

• 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/（只触发该事件，请勿轻扫页面）

有了这些你可以在一个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-Templates

我的工作自己将这些库中的一些组合成一个可用的应用程序。希望能帮助到你。这也是对我自己的一个提示。