沉浸栏效果-ApiCloud学习笔记

2017-09-30 14:46:38来源:oschina作者:QinHaolei人点击

分享

首先在config.xml文件内配置





var header = document.querySelector('#header');
$api.fixStatusBar(header);
if (api.systemType == 'ios') {
$api.fixIos7Bar(header);
}
$api.fixStatusBar(header);
api.setStatusBarStyle({
style: 'light'
});描述:适配iOS7+、Android4.4+系统状态栏,为传入的DOM元素增加适当的上内边距,避免header与状态栏重叠
用法:.fixStatusBar(el)
参数:el (类型:Element) : DOM元素
备注:自动识别iOS7+,避免应用与状态栏重叠,无法跟config.xml里面的 一起使用。

微信扫一扫

第七城市微信公众平台