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

原创于 2019-02-27 23:57:27 发布 · 4k 阅读

0 ·

CC 4.0 BY-SA版权

前端学习专栏收录该内容

6 篇文章

订阅专栏

在开发公众号项目中遇到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!!!