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的几种方法
Oct 23 Javascript
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
IE和Mozilla的兼容性汇总event
Aug 12 Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 Javascript
javascript面向对象之访问对象属性的两种方式分析
Jan 13 Javascript
纯css实现窗户玻璃雨滴逼真效果
Aug 23 Javascript
js滚动条平滑移动示例代码
Mar 29 Javascript
js实现音频控制进度条功能
Apr 01 Javascript
angular2 ng2 @input和@output理解及示例
Oct 10 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 Javascript
JS+CSS实现随机点名(实例代码)
Nov 04 Javascript
JavaScript实现答题评分功能页面
Jun 24 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
哪吒敖丙传:新人物二哥敖乙出场 小敖丙奶气十足
2020/03/08 国漫
PHP 中关于ord($str)&amp;gt;0x80的详细说明
2012/09/23 PHP
PDO防注入原理分析以及注意事项
2015/02/25 PHP
浅谈php(codeigniter)安全性注意事项
2017/04/06 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
解决laravel 出现ajax请求419(unknown status)的问题
2019/09/03 PHP
[推荐]javascript 面向对象技术基础教程
2009/03/03 Javascript
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
2011/10/21 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
javascript学习笔记(三)BOM和DOM详解
2014/09/30 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
2017/02/22 Javascript
vue.js图片转Base64上传图片并预览的实现方法
2018/08/02 Javascript
Vue插槽原理与用法详解
2019/03/05 Javascript
JavaScript实现拖拽盒子效果
2020/02/06 Javascript
[11:12]2018DOTA2国际邀请赛寻真——绿色长城OpTic
2018/08/10 DOTA
使用python提取html文件中的特定数据的实现代码
2013/03/24 Python
Python中的XML库4Suite Server的介绍
2015/04/14 Python
用Python的Tornado框架结合memcached页面改善博客性能
2015/04/24 Python
Python实现随机选择元素功能
2017/09/14 Python
python实现对excel进行数据剔除操作实例
2017/12/07 Python
Python使用ctypes调用C/C++的方法
2019/01/29 Python
Python3.5迭代器与生成器用法实例分析
2019/04/30 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
使用 django orm 写 exists 条件过滤实例
2020/05/20 Python
python map比for循环快在哪
2020/09/21 Python
Python列表嵌套常见坑点及解决方案
2020/09/30 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
简单的HTML5初步入门教程
2015/09/29 HTML / CSS
Spanx塑身衣官网:美国知名内衣品牌
2017/01/11 全球购物
Superdry极度干燥美国官网:英国制造的服装品牌
2018/11/13 全球购物
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
中药专业大学生医药工作求职信
2013/10/25 职场文书
幼儿园教师奖惩制度
2014/02/01 职场文书
2015年政教主任工作总结
2015/07/23 职场文书
苹果可能正在打击不进行更新的 App
2022/04/24 数码科技