ionic-menu 侧边栏

Posted sugarwxx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic-menu 侧边栏相关的知识,希望对你有一定的参考价值。

技术图片

 

 

 

 ionic-menu中比较重要的的属性是contentId

它的I的要与弹出侧边栏的页面的某个标签的Id保持一致(注:侧边栏的内容与弹出侧边栏的页面内容写在一个html文件中)

技术图片

 

底层页面:

技术图片

 

 

 

 在侧边栏的type设置为"reveal"或"push"时底层页面id(与contentId关联的Id)所在位置就决定了侧边栏弹出时底层页面的样式

侧边栏弹出的type为:"overlay""reveal""push"

overlay:表示全覆盖,这种情况id的位置不会影响底层页面的样式

技术图片

 

 

 

reveal、 push:弹出后,底层页面中id所在标签以内的内容就会随着侧标栏的弹出向左边移动

技术图片

 

以上是关于ionic-menu 侧边栏的主要内容,如果未能解决你的问题,请参考以下文章

如何将侧边栏添加到存档页面

物化 CSS 侧边栏

如何让wordpress首页完全去掉侧边栏

用js实现生活资讯网侧边栏

WordPress窗体化侧边栏

js+css+html实现固定侧边栏效果