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 相关文章推荐
在Windows上安装Node.js模块的方法
Sep 25 Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 Javascript
JavaScript显示当然日期和时间即年月日星期和时间
Oct 29 Javascript
动态添加option及createElement使用示例
Jan 26 Javascript
IE6兼容透明背景图片及解决方案
Aug 19 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
Aug 04 Javascript
浅谈JS函数节流防抖
Oct 18 Javascript
js中对象和面向对象与Json介绍
Jan 21 Javascript
JS实现简单的表格增删
Jan 16 Javascript
Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】
May 13 Javascript
JavaScript鼠标悬停事件用法解析
May 15 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 Javascript
自制微信公众号一键排版工具
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
yii框架配置默认controller和action示例
2014/04/30 PHP
PHP SESSION的增加、删除、修改、查看操作
2015/03/20 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
2012/02/03 Javascript
创建公共调用 jQuery Ajax 带返回值
2012/08/01 Javascript
js函数与php函数的区别实例浅析
2015/01/12 Javascript
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
JQuery和HTML5 Canvas实现弹幕效果
2017/01/04 Javascript
js通过指定下标或指定元素进行删除数组的实例
2017/01/12 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
2018/01/15 Javascript
vue-cli3跨域配置的简单方法
2019/09/06 Javascript
Vue+ElementUI table实现表格分页
2019/12/14 Javascript
ant design实现圈选功能
2019/12/17 Javascript
[02:32]DOTA2完美大师赛场馆静安体育中心观赛全攻略
2017/11/08 DOTA
[56:42]VP vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[01:08:56]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第一场 2月7日
2021/03/11 DOTA
使用Python的Django框架结合jQuery实现AJAX购物车页面
2016/04/11 Python
pandas string转dataframe的方法
2018/04/11 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
CSS3中的注音对齐属性ruby-align用法指南
2016/07/01 HTML / CSS
澳洲网红粉泥面膜:Sand & Sky
2019/08/13 全球购物
什么是GWT的Module
2013/01/20 面试题
应届生会计电算化求职信
2013/10/03 职场文书
自我评价200字分享
2013/12/17 职场文书
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
教师党员思想汇报
2014/01/06 职场文书
应届大学生简历中的自我评价
2014/01/15 职场文书
优良学风班申请材料
2014/02/13 职场文书
大学生两会学习心得体会
2014/03/10 职场文书
GoLang中生成UUID唯一标识的实现
2021/05/08 Golang
使用Redis实现实时排行榜功能
2021/07/02 Redis
Win10系统搭建ftp文件服务器详细教程
2022/08/05 Servers