微信小程序设置navigationStyle:custom后如何获得右侧胶囊位置?,自定义菜单的时候就可以保持与胶囊菜单位置一直了,请问怎么计算出来,有没有原生的api提供
网友回复
有接口可以实现
1、首先在要自定义的页面中的pageName.json中加上,"navigationStyle": "custom" 隐藏微信小程序原生导航栏。 2、调用微信api获取手机系统屏幕高度和导航栏高度
getTopHeight:function(){
//获取胶囊位置信息
let menuButtonObject = wx.getMenuButtonBoundingClientRect();
//定义导航位置参数
var globalData={
navHeight:0,
navTop:0,
windowHeight:0,
ww:0,
hh:0,
}
var navTop;
var navHeight;
//获取手机系统信息
wx.getSystemInfo({
success: res => {
//导航高度
var statusBarHeight = res.statusBarHeight;
navTop = menuButtonObject.top;
navHeight = statusBarHeight + menuButtonObject.height + (menuButtonObject.top - statusBarHeight) * 2;
globalData.navHeight = navHeight;
globalData.navTop = navTop;
globalData.windowHeight = res.windowHeight;
//可视窗口宽度
...点击查看剩余70%


