【问题标题】:angularjs mobile website: fix top bar with sliding menuangularjs 移动网站:用滑动菜单修复顶部栏
【发布时间】:2013-08-26 02:25:34
【问题描述】:

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

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

类似于 gmail:

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

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

【问题讨论】:

    标签: javascript jquery css angularjs mobile-website


    【解决方案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 放入固定导航栏中

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-02-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多