angularjs 移动网站：用滑动菜单修复顶部栏

Question

我正在尝试使用 Angularjs 实现一个移动网站。 我想使用这种结构：

• 顶部修复栏
• 菜单从左到右滑入（点击徽标）
• 可能还有右侧的下拉菜单。

类似于 gmail：

基本上是一种 (Android) 操作栏，但适用于移动网站。

由于我不想重新发明轮子，有什么好的参考或种子项目可以使用吗？

Answer 1

1. 顶部固定栏：使用引导程序，它已经有一个固定导航栏为“navbar-fixed-top”...见here

2. 幻灯片菜单：有一个很棒的 angularjs 插件可以做到这一点：Angular-snap.js

按照那里的步骤...您必须添加三个主要文件：angular-snap.js、snap.js 和 angular-snap.css，并在您的 app.js 中添加“snap”模块作为依赖项文件：

angular.module('myApp', ['snap']);

完成。您在主代码中只需要一个抽屉和一些内容：

<snap-drawer>
  I'm in a drawer!
</snap-drawer>

<snap-content>
  I'm your main content!
</snap-content>

1. 右侧的下拉菜单：再次在引导程序中...将this 放入固定导航栏中