2013-08-26 63 views
0

我正在尝试使用Angularjs实现移动网站。 我想用这种结构:angularjs移动网站:修复滑动菜单的顶部栏

  • 顶部修复吧
  • 滑动菜单中的由左到右(上标志点击)
  • 和可能的下拉菜单右手侧。

到Gmail类似:

enter image description here

基本上,排序(安卓)操作栏的,但对于一个移动网站。

因为我不想重新发明轮子,有什么好的参考或种子项目可以使用吗?

回答

2
  1. 顶部固定条:使用自举,它已经拥有了固定的导航栏的“导航栏固定顶” ......看到here

  2. 滑动菜单:有一个真棒angularjs插件,它确实正是这一点:Angular-snap.js

按照相应的步骤...你必须添加三个主要文件:角snap.js,snap.js和角snap.css并添加“捕捉”模块作为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. 下拉菜单在正确的:再次引导......把this在固定导航栏