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 相关文章推荐
cssQuery()的下载与使用方法
Jan 12 Javascript
js计算页面刷新的次数
Jul 20 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
Jul 31 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
Sep 02 Javascript
js 获取时间间隔实现代码
May 12 Javascript
基于JavaScript获取鼠标位置的各种方法
Dec 16 Javascript
jQuery拖动元素并对元素进行重新排序
Dec 30 Javascript
jQuery中设置form表单中action值的实现方法
May 25 Javascript
BOM系列第二篇之定时器requestAnimationFrame
Aug 17 Javascript
微信小程序 动态传参实例详解
Apr 27 Javascript
手机注册发送验证码倒计时的简单实例
Nov 15 Javascript
对layer弹出框中icon数字参数的说明介绍
Sep 04 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
php计算十二星座的函数代码
2012/08/21 PHP
php5.2以下版本无json_decode函数的解决方法
2014/05/25 PHP
PHP常用文件操作函数和简单实例分析
2016/06/03 PHP
JavaScript实现拼音排序的方法
2012/11/20 Javascript
JS实现点击下载的小例子
2013/07/10 Javascript
angularJS 入门基础
2015/02/09 Javascript
简单分析javascript面向对象与原型
2015/05/21 Javascript
jquery实现(textarea)placeholder自动换行
2016/12/22 Javascript
three.js实现围绕某物体旋转
2017/01/25 Javascript
JS+HTML5实现图片在线预览功能
2017/07/22 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
fullpage.js最后一屏滚动方式
2018/02/06 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
Angular异步变同步处理方法
2018/08/13 Javascript
vue监听对象及对象属性问题
2018/08/20 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
用vite搭建vue3应用的实现方法
2021/02/22 Vue.js
[03:12]2016完美“圣”典风云人物:单车专访
2016/12/02 DOTA
python模拟登陆阿里妈妈生成商品推广链接
2014/04/03 Python
Python 不同对象比较大小示例探讨
2014/08/21 Python
python根据京东商品url获取产品价格
2015/08/09 Python
通过selenium抓取某东的TT购买记录并分析趋势过程解析
2019/08/15 Python
python实现身份证实名认证的方法实例
2019/11/08 Python
python线程信号量semaphore使用解析
2019/11/30 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
关于ResNeXt网络的pytorch实现
2020/01/14 Python
在pycharm中关掉ipython console/PyDev操作
2020/06/09 Python
python如何获得list或numpy数组中最大元素对应的索引
2020/11/16 Python
CSS3实现闪烁动画效果的方法
2015/02/09 HTML / CSS
纽约市的奢华内衣目的地:Anya Lust
2019/08/02 全球购物
营销主管自我评价怎么写
2013/09/19 职场文书
电焊工工作岗位职责
2014/02/06 职场文书
宣传保护环境的公益广告词
2014/03/13 职场文书
家长学校培训材料
2014/08/20 职场文书
Python中requests库的用法详解
2022/06/05 Python