頂部導航欄

頂部導航欄始終固定在屏幕頂部，不隨頁面滾動隱藏。
智能小程序會自動繼承小程序首頁頂部導航欄的配置，但每個頁面均可配置其頂部導航欄。即同一智能小程序中，不但可同時存在原生頂部導航欄和自定義導航欄，也可為每個頁面定制不同的樣式。

自定義頂部導航欄

百度App v11.1及以上版本的智能小程序，支持自定義頂部導航欄，使其只保留框架控制功能區(qū)。

使用自定義導航欄前，請了解透明框架的頁面布局基礎(chǔ)，此時原生頂部導航欄中的容器、框架內(nèi)部導航功能區(qū)、頁面標題均不展示，開發(fā)者可自定義當前頁面的頂部導航欄。

我們建議，在使用自定義導航欄時，通過系統(tǒng)信息接口getSystemInfoSync獲得系統(tǒng)狀態(tài)欄的高度（statusBarHeight），并為系統(tǒng)狀態(tài)欄配置與自定義導航欄背景一致的顏色。

正確

普通手機（1）及全面屏手機（2）系統(tǒng)狀態(tài)欄均正確適配，且顏色與自定義頂部導航欄一致。

錯誤

適配系統(tǒng)狀態(tài)欄高度，但未正確配置顏色。

錯誤

未適配系統(tǒng)狀態(tài)欄高度，導致自定義頂部導航欄布局錯位。

自定義導航欄的元素建議與控制功能區(qū)對齊，且與原生頂部導航欄高度一致（iOS為44pt，Android為38pt）。

正確

自定義頂部導航欄元素與控制功能區(qū)垂直居中對齊

錯誤

自定義頂部導航欄元素未對齊

閱讀本文的人還可以閱讀：

百度小程序入口有哪些？哪里可以進入百度小程序？

百度小程序開源聯(lián)盟是什么

百度小程序的流量為什么那么高，小程序如何引流？

怎樣做好百度小程序體驗設(shè)計（1）