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

Question

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

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

类似于 gmail：

基本上，一种（Android）操作栏，但适用于移动网站。

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

Answer 1

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

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

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

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

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

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

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

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