沉浸栏效果-ApiCloud

首先在config.xml文件内配置

<preference name="iOS7StatusBarAppearance" value="true" />

<preference name="statusBarAppearance" value="true"/>

    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里面的 <preference name="statusBarAppearance" value="false" /> 一起使用。