知識(shí)
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營銷的便利,運(yùn)營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!
您當(dāng)前位置>首頁 » 新聞資訊 » 小程序相關(guān) >
解決微信小程序自定義navigationBar高度問題
發(fā)表時(shí)間:2021-4-13
發(fā)布人:葵宇科技
瀏覽次數(shù):197
在自定義小程序的navigationBar時(shí),經(jīng)常會(huì)遇到不同手機(jī)需要的navigationBar高度不一致的問題,不能寫死。要?jiǎng)討B(tài)獲取高度。wx提供了safearea的方法,但不是很好用,在低版本蘋果機(jī)的表現(xiàn)很不好。所以這里我還是推薦使用getSystemInfoSync以及getMenuButtonBoundingClientRect方法,獲取手機(jī)頂部狀態(tài)欄高度,以及小程序右上角的菜單按鈕位置信息,綜合計(jì)算得到
計(jì)算方法:
navigationBar的高度 = 藍(lán)色框高度 * 2 + 菜單按鈕高度
推薦在小程序onLaunch函數(shù)內(nèi)執(zhí)行,即首次初始化的時(shí)候執(zhí)行,避免重復(fù)執(zhí)行,代碼如下:
tips: 寫樣式的時(shí)候,注意小程序的盒模型是content-box,即高度不包括padding html樣式如下:
相關(guān)案例查看更多
相關(guān)閱讀
- .net網(wǎng)站
- 網(wǎng)站建設(shè)優(yōu)化
- 網(wǎng)站建設(shè)需要多少錢
- 云南小程序開發(fā)報(bào)價(jià)
- 服務(wù)器
- 小程序被騙退款成功
- 小程序制作
- 網(wǎng)頁制作
- 人口普查小程序
- 保山小程序開發(fā)
- 云南網(wǎng)站建設(shè)首選公司
- 汽車回收管理系統(tǒng)
- 云南網(wǎng)站優(yōu)化公司
- 云南網(wǎng)站建設(shè) 網(wǎng)絡(luò)服務(wù)
- 商標(biāo)
- 網(wǎng)站建設(shè)高手
- 網(wǎng)站建設(shè)靠譜公司
- 網(wǎng)站建設(shè)案例
- 云南省建設(shè)廳官方網(wǎng)站
- APP
- 云南網(wǎng)站開發(fā)哪家好
- 云南網(wǎng)站維護(hù)
- asp網(wǎng)站
- 做網(wǎng)站
- 分銷系統(tǒng)
- 搜索引擎自然排名
- 大理小程序開發(fā)
- 云南小程序開發(fā)公司
- 網(wǎng)絡(luò)公司排名
- 企業(yè)網(wǎng)站