ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法


Posted in Javascript onSeptember 22, 2016

这是一个小bug,解决方法有两种:根据做的东西不同选择不同的

<ion-nav-bar class="bar-positive"> 
<ion-nav-back-button class="button-icon ion-arrow-left-c"> 
</ion-nav-back-button> 
<h2>helloafds</h2> 
</ion-nav-bar> 
<ion-header-bar class="bar-subheader"> 
<h1>hello</h1> 
</ion-header-bar>

上面一种是使用比如有后退,导航的,下面是真正的一个header,一个subheader

<ion-header-bar align-title="left" class="bar-positive"> 
<div class="buttons"> 
<button class="button" ng-click="doSomething()">Left Button</button> 
</div> 
<h1 class="title">Header</h1> 
<div class="buttons"> 
<button class="button">Right Button</button> 
</div> 
</ion-header-bar> 
<ion-header-bar align-title="left" class="bar-subheader bar-positive"> 
<h1 class="title">Sub Header!</h1> 
</ion-header-bar>

其他的说在content上加has-header="true"和has-subheader="true"是不行的。

以上所述是小编给大家介绍的ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js的逻辑运算符 ||
May 31 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
Dec 28 Javascript
jQuery插件 selectToSelect使用方法
Oct 02 Javascript
浅谈js script标签中的预解析
Dec 30 Javascript
通过vue提供的keep-alive减少对服务器的请求次数
Apr 01 Javascript
微信小程序冒泡事件及其阻止方法实例分析
Dec 06 Javascript
浅谈vuex为什么不建议在action中修改state
Feb 02 Javascript
vue插槽slot的简单理解与用法实例分析
Mar 14 Javascript
react 不用插件实现数字滚动的效果示例
Apr 14 Javascript
JS实现躲避粒子小游戏
Jun 18 Javascript
jQuery实现鼠标拖拽登录框移动效果
Sep 13 jQuery
自制微信公众号一键排版工具
Sep 22 #Javascript
IONIC自定义subheader的最佳解决方案
Sep 22 #Javascript
详解Node.js中的事件机制
Sep 22 #Javascript
AngularJS通过$sce输出html的方法
Sep 22 #Javascript
JavaScript 随机验证码的生成实例代码
Sep 22 #Javascript
D3.js实现雷达图的方法详解
Sep 22 #Javascript
javascript函数中的3个高级技巧
Sep 22 #Javascript
You might like
MySQL相关说明
2007/01/15 PHP
一个比较简单的PHP 分页分组类
2009/12/10 PHP
php array_pop 删除数组最后一个元素实例
2016/11/02 PHP
ThinkPHP实现附件上传功能
2017/04/27 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
2010/11/16 Javascript
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
Javascript引用指针使用介绍
2012/11/07 Javascript
HTML复选框和单选框 checkbox和radio事件介绍
2012/12/12 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
2014/02/04 Javascript
一个仿糯米弹框效果demo
2014/07/22 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
使用JQuery在线制作ppt并在线演示源码特效
2015/09/08 Javascript
javascript实现C语言经典程序题
2015/11/29 Javascript
使用nodejs中httpProxy代理时候出现404异常的解决方法
2016/08/15 NodeJs
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
2016/11/02 Javascript
详解vue表单验证组件 v-verify-plugin
2017/04/19 Javascript
jquery ajax异步提交表单数据的方法
2017/10/27 jQuery
vue-router重定向不刷新问题的解决
2018/06/25 Javascript
详解mpvue实现对苹果X安全区域的适配
2019/07/31 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
[47:12]TFT vs Secret Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
python之PyMongo使用总结
2017/05/26 Python
Python3爬虫学习入门教程
2018/12/11 Python
对PyQt5的输入对话框使用(QInputDialog)详解
2019/06/25 Python
python实现静态web服务器
2019/09/03 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
python3.6、opencv安装环境搭建过程(图文教程)
2019/11/05 Python
Python建造者模式案例运行原理解析
2020/06/29 Python
土木工程应届生自荐信
2013/09/24 职场文书
毕业生就业意向书
2014/04/01 职场文书
《诚实与信任》教学反思
2014/04/10 职场文书
党课培训心得体会
2014/09/02 职场文书
golang 实现两个结构体复制字段
2021/04/28 Golang
mybatis 获取无数据的字段不显示的问题
2021/07/15 Java/Android
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server