⼩程序状态栏、导航栏⾼度胶囊按钮尺⼨定位⾃定义导航栏时,考虑到状态栏的固有⾼度,以及胶囊按钮的位置,需要对⾃定义的导航栏设定相仿的尺⼨、位置。
已有的⼩程序 API 包括状态栏⾼度、胶囊按钮信息:
通过wx.getSystemInfo()返回的 statusBarHeight ,即为状态栏⾼度。再通过wx.getMenuButtonBoundingClientRect()获取到胶囊按钮的宽⾼以及上下边界的坐标,即可计算出导航栏⾼度。
html怎么做下拉式多级导航栏
success: res => {
// 状态栏⾼度
let statusBarHeight = res.statusBarHeight;
let menuButtonRect = wx.getMenuButtonBoundingClientRect()
// 导航栏⾼度
let navigationBarHeight = (p - statusBarHeight) * 2 + menuButtonRect.height
}
});