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

Question

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

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

与gmail类似：

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

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

Answer 1

1. 顶部固定栏：使用bootstrap，它已经有一个固定的导航栏“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. 右侧的下拉菜单：再次在bootstrap中...将this放入固定的导航栏中