ios在微信中出现的底部白条

在开发公众号项目中遇到iOS设备上部分内容被底部返回栏遮挡的问题,通过判断设备类型调整内容高度,成功解决bug。分享了具体的代码实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在做一个公众号项目的时候,发现一个bug。有一个页面是从底部弹出固定高度滚动内容,在ios设备打开发现部分内容被底部的返回栏挡住了。
后来弄明白原来返回栏的出现是因为页面跳转产生历史纪录才会出现,真是悲伤。网上查了试了很多方法不行,后来决定通过判断设备是android还是ios来设置不同的高度,使内容能完全展示出来。

//判断设备是android还是ios
var u = navigator.userAgent, app = navigator.appVersion; 
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 
if(isiOS){
    ...
}

这也算基本解决了存在的bug!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值