这样你会发现所有页面的导航栏都不见了。如果还有其他页面需要导航栏的,那就模仿小程序的导航栏按照以下步骤。
二、首先要在 app.js 的 onLaunch 方法里面获取手机状态栏高度,全局定义导航高度 navHeight :
注意!!!全局定义导航高度 navHeight !!!
我发现很多人会遇到 navHeight 是 undefined 这个问题。在这里说明一下,这个 navHeight 需要在 app.json 里面定义好:
三、在需要导航的 页面 Page 拿到全局变量导航高度:
四、页面展示:
五、附上样式,可以写在 app.wxss :
六、界面效果:
依靠css 将页面document.documentElement.style.overflow='hidden'
document.body.style.overflow='hidden'//手机版设置这个。
如果设置了如上,页面的滚动条将会消失,此时鼠标滚轮失效。