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 相关文章推荐
Flash对联广告的关闭按钮讨论
Jan 30 Javascript
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
js中function()使用方法
Dec 24 Javascript
Webpack 实现 Node.js 代码热替换
Oct 22 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
JQuery控制图片由中心点逐渐放大效果
Jun 26 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
详解如何较好的使用js
Dec 16 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
May 31 Javascript
微信小程序如何实现五星评价功能
Oct 15 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
Jul 28 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
上海永华YH-R296(华普R-96)12波段立体声收音机的分析和打理
2021/03/02 无线电
一个php作的文本留言本的例子(六)
2006/10/09 PHP
PHP之APC缓存详细介绍 apc模块安装
2014/01/13 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
php从数据库查询结果生成树形列表的方法
2015/04/17 PHP
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
脚本吧 - 幻宇工作室用到js,超强推荐base.js
2006/12/23 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
2012/01/15 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
2013/07/18 Javascript
JS中for循序中延迟加载动态效果的具体实现
2013/08/18 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
2013/11/21 Javascript
js日期对象兼容性的处理方法
2014/01/28 Javascript
使用js判断当前时区TimeZone是否是夏令时
2014/02/23 Javascript
Jquery为DIV添加click事件的简单实例
2016/06/02 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
AngularJS自定义插件实现网站用户引导功能示例
2016/11/07 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
2016/11/25 Javascript
Vue实现购物车功能
2017/04/27 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
2020/06/05 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
2020/09/22 Javascript
Python通过poll实现异步IO的方法
2015/06/04 Python
MAC中PyCharm设置python3解释器
2017/12/15 Python
Python做图像处理及视频音频文件分离和合成功能
2020/11/24 Python
精选鞋类、服装和配饰的全球领先目的地:Bodega
2021/02/27 全球购物
2014年创卫实施方案
2014/02/18 职场文书
运动会稿件100字
2014/02/21 职场文书
大学生两会精神学习心得体会
2014/03/10 职场文书
高二学生评语大全
2014/04/25 职场文书
运动会横幅标语
2014/06/17 职场文书
2014年教师德育工作总结
2014/11/10 职场文书
情感电台广播稿
2015/08/18 职场文书
python基于tkinter制作无损音乐下载工具
2021/03/29 Python
css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效
2021/04/29 HTML / CSS