解决微信小程序自定义navigationBar高度问题
在自定义小程序的navigationBar时，常常会遇到不一样手机须要的navigationBar高度不一致的问题，不能写死。要动态获取高度。wx提供了safearea的方法，但不是很好用，在低版本苹果机的表现很很差。因此这里我仍是推荐使用getSystemInfoSync以及getMenuButtonBoundingClientRect方法，获取手机顶部状态栏高度，以及小程序右上角的菜单按钮位置信息，综合计算获得html
计算方法:小程序
navigationBar的高度 = 蓝色框高度 * 2 + 菜单按钮高度markdown
推荐在小程序onLaunch函数内执行，即首次初始化的时候执行，避免重复执行，代码以下：函数
tips: 写样式的时候，注意小程序的盒模型是content-box，即高度不包括padding html样式以下:spa
相关文章
- 1. 微信小程序自定义tabBar问题和自定义tabBar实现
- 2. 微信小程序自定义字体及自定义图标问题说明
- 3. 微信小程序——自定义组件
- 4. 微信小程序自定义事件
- 5. 微信小程序之『自定义toast』
- 6. 微信小程序-自定义组件
- 7. 微信小程序自定义组件
- 8. 微信小程序自定义多选
- 9. 微信小程序_自定义导航
- 10. 微信小程序 自定义tabbar
- 更多相关文章...
- • 自定义TypeHandler - MyBatis教程
- • Redis悲观锁解决高并发抢红包的问题 - 红包项目实战
- • IntelliJ IDEA中SpringBoot properties文件不能自动提示问题解决
- • RxJava操作符（十）自定义操作符
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. No provider available from registry 127.0.0.1:2181 for service com.ddbuy.ser 解决方法
- 2. Qt5.7以上调用虚拟键盘(支持中文)，以及源码修改(可拖动，水平缩放)
- 3. 软件测试面试- 购物车功能测试用例设计
- 4. ElasticSearch（概念篇）：你知道的, 为了搜索…
- 5. redux理解
- 6. gitee创建第一个项目
- 7. 支持向量机之硬间隔（一步步推导，通俗易懂）
- 8. Mysql 异步复制延迟的原因及解决方案
- 9. 如何在运行SEPM配置向导时将不可认的复杂数据库密码改为简单密码
- 10. windows系统下tftp服务器使用
欢迎关注本站公众号,获取更多信息
相关文章
- 1. 微信小程序自定义tabBar问题和自定义tabBar实现
- 2. 微信小程序自定义字体及自定义图标问题说明
- 3. 微信小程序——自定义组件
- 4. 微信小程序自定义事件
- 5. 微信小程序之『自定义toast』
- 6. 微信小程序-自定义组件
- 7. 微信小程序自定义组件
- 8. 微信小程序自定义多选
- 9. 微信小程序_自定义导航
- 10. 微信小程序 自定义tabbar