Framework7跳转页面如何自动隐藏工具栏(no-tabbar)
来源:互联网 发布:q20 软件 编辑:程序博客网 时间:2024/06/07 13:53
首先在Framework7文档(http://docs.framework7.cn/Index/tabbar.html)中我们知道:
Framework7 允许你在ajax加载的页面自动隐藏工具栏/导航栏。只有在穿透布局的时候才可以使用。
你唯一需要做的就是在需要加载的页面上加一个类 “no-tabbar”(<div class="page no-tabbar">
):
<!-- Page has additional "no-tabbar" class --><div data-page="about" class="page no-tabbar"> <div class="page-content"> <div class="content-block"> <p><a href="#" class="back button">Go Back</a></p> ... </div> </div></div>
从文档可以知道隐藏工具栏相当容易,但有几个需要注意的地方。
首先自动隐藏工具栏只有在穿透布局的时候才可以使用,对于这一点相信很多人容易忽略掉,当时我就遇到过这样的问题。所以你必须使用穿透布局,给pages
标签添加toolbar-through
class即可(<div class="pages navbar-through toolbar-through">
)
还有一个要注意的地方是你的toolbar
html代码必须要放在穿透布局内(将toolbar
html代码放在page
html代码内),否则在你跳转页面时是会自动隐藏工具栏,但你用力上拉时,工具栏又会跑出来。
阅读全文
1 0
- Framework7跳转页面如何自动隐藏工具栏(no-tabbar)
- 页面跳转隐藏TabBar
- iOS使用UITabbarController跳转(push)界面,如何自动隐藏底部tabbar?
- 解决UINavigationController+UITabbar跳转页面隐藏tabbar的一种方法
- 两种方法实现类微博tabBar,并跳转页面隐藏
- 当前页面隐藏tabbar
- 让tabbar自动隐藏
- Push页面隐藏tabor,Pop回来自动显示tabbar
- 在push时隐藏底部工具栏Tabbar
- 如何将下一级页面的tabBar给隐藏掉
- 如何让页面自动跳转
- 如何实现页面自动跳转
- 如何隐藏tabbar
- ios如何隐藏TabBar?
- iOS如何隐藏TabBar
- iOS如何隐藏TabBar
- iOS如何隐藏TabBar
- 如何隐藏tabBar
- 4.安装mysql服务及QB的使用
- UVa 1595 解题报告
- 找规律填数字
- java类加载
- 给第三方没有加密的dll强打签名
- Framework7跳转页面如何自动隐藏工具栏(no-tabbar)
- hive-site.xml
- s3c6410时钟体系
- MAC终端命令自动补全
- 快速排序总结
- isPrime
- Android系统自动转屏流程(一)
- linux下调用opencv接口函数在指定图片上面画几何图形
- shiro 减少用redis实现的自定义SessionDAO的doUpdate的调用次数