帖子
帖子
用户
博客
课程
显示全部楼层
380
帖子
4
勋章
6
Y币

[FAQ] 自定义header与状态栏重合

[复制链接]
发表于 2021-4-6 19:11:10
调用以下方法可以解决沉浸式问题,但是为什么没有fixStatusBar和byId的方法
$api.fixStatusBar(
$api.byId("header")
};

76
帖子
0
勋章
2613
Y币

页面引入api.js
.fixStatusBar()
描述:适配iOS7+、Android4.4+系统状态栏,为传入的DOM元素增加适当的上内边距,避免header与状态栏重叠
用法:.fixStatusBar(el)
参数:el (类型:Element) : DOM元素
备注:自动识别iOS7+,避免应用与状态栏重叠,无法跟config.xml里面的 <preference name="statusBarAppearance" value="false" /> 一起使用。
示例:
var header = document.querySelector('#header');
$api.fixStatusBar(header);
您需要登录后才可以回帖 登录

本版积分规则