ionic由于使用了header和subheader導(dǎo)致被遮擋的問(wèn)題的兩種解決方法
更新時(shí)間：2016年09月22日 09:32:13 作者：Seven_Cld
這篇文章主要介紹了ionic由于使用了header和subheader導(dǎo)致被遮擋的問(wèn)題的兩種解決方法，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值,需要的朋友可以參考下
這是一個(gè)小bug,解決方法有兩種：根據(jù)做的東西不同選擇不同的
<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>
上面一種是使用比如有后退，導(dǎo)航的，下面是真正的一個(gè)header,一個(gè)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>
其他的說(shuō)在content上加has-header="true"和has-subheader="true"是不行的。
以上所述是小編給大家介紹的ionic由于使用了header和subheader導(dǎo)致被遮擋的問(wèn)題的兩種解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
layui表單提交到后臺(tái)自動(dòng)封裝到實(shí)體類(lèi)的方法
今天小編就為大家分享一篇layui表單提交到后臺(tái)自動(dòng)封裝到實(shí)體類(lèi)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
在Koa.js中實(shí)現(xiàn)文件上傳的接口功能
這篇文章主要介紹了在Koa.js中實(shí)現(xiàn)文件上傳的接口功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了Three.js的使用及繪制基礎(chǔ)3D圖形的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用three.js具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-04-04
這篇文章主要介紹了詳解Next.js頁(yè)面渲染的優(yōu)化方案，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
JavaScript中合并Object的三種基本方法小結(jié)
在開(kāi)發(fā)過(guò)程中,我們經(jīng)常會(huì)遇到合并對(duì)象的需求,今天我們就來(lái)了解一下合并對(duì)象的幾種基本方法,文中通過(guò)代碼示例介紹的非常詳細(xì),感興趣的小伙伴跟著小編一起來(lái)看看吧2023-08-08
學(xué)習(xí)JavaScript設(shè)計(jì)模式之狀態(tài)模式
這篇文章主要為大家介紹了JavaScript設(shè)計(jì)模式中的狀態(tài)模式，對(duì)JavaScript設(shè)計(jì)模式感興趣的小伙伴們可以參考一下2016-01-01
JavaScript String(字符串)對(duì)象的簡(jiǎn)單實(shí)例(推薦)
下面小編就為大家?guī)?lái)一篇JavaScript String(字符串)對(duì)象的簡(jiǎn)單實(shí)例(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
詳解Web使用webpack構(gòu)建前端項(xiàng)目
本篇文章主要介紹了詳解Web使用webpack構(gòu)建前端項(xiàng)目，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
JavaScript統(tǒng)計(jì)字符串中每個(gè)字符出現(xiàn)次數(shù)完整實(shí)例
這篇文章主要介紹了JavaScript統(tǒng)計(jì)字符串中每個(gè)字符出現(xiàn)次數(shù)的方法,以完整實(shí)例形式分析了JavaScript針對(duì)字符串中字符的遍歷操作相關(guān)技巧,需要的朋友可以參考下2016-01-01
Javascript實(shí)現(xiàn)html轉(zhuǎn)pdf高清版（提高分辨率）
這篇文章主要介紹了Javascript將html轉(zhuǎn)成pdf高清版（提高分辨率）,需要的朋友可以參考下2020-02-02