ionic由于使用了header和subheader導(dǎo)致被遮擋的問題的兩種解決方法
這是一個小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)航的,下面是真正的一個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導(dǎo)致被遮擋的問題的兩種解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
詳談js中window.location.search的用法和作用
下面小編就為大家?guī)硪黄斦刯s中window.location.search的用法和作用。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02JavaScript中箭頭函數(shù)與普通函數(shù)的區(qū)別詳解
這篇文章主要介紹了JavaScript中箭頭函數(shù)與普通函數(shù)的區(qū)別,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08JavaScript轉(zhuǎn)換二進(jìn)制編碼為ASCII碼的方法
這篇文章主要介紹了JavaScript轉(zhuǎn)換二進(jìn)制編碼為ASCII碼的方法,涉及javascript編碼轉(zhuǎn)換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04js實(shí)現(xiàn)的xml對象轉(zhuǎn)json功能示例
這篇文章主要介紹了js實(shí)現(xiàn)的xml對象轉(zhuǎn)json功能,結(jié)合實(shí)例形式分析了javascript轉(zhuǎn)換成xml所涉及的字符串、對象、數(shù)組、遍歷等操作技巧與使用方法,需要的朋友可以參考下2016-12-12JavaScript面試中??嫉淖址僮鞣椒ù笕?包含ES6)
對于JavaScript字符串操作方法,你真的全部掌握了嗎?來看看這篇面試中??嫉淖址僮鞔笕钚碌腅S6字符串操作方法,值得收藏哦2020-05-05JavaScript獲取上傳進(jìn)度的幾種方式實(shí)現(xiàn)
進(jìn)度條的應(yīng)用是為了顯示的告訴用戶文件上傳了多少,本文主要介紹了JavaScript獲取上傳進(jìn)度的幾種方式,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-08-08