javascript - 使用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

我正在努力将其中一些库组合成一个可用的应用程序。希望能帮助到你。这也是给我自己的一个注解。