隐藏钉钉平台H5微应用顶部导航栏

钉钉平台H5微应用顶部导航栏，有它的好处，也有不好的地方。
如Insus.NET有做了一个视频播放的页面，页面的顶部导航栏占居一部分屏幕。模屏时，占居更多。
如竖屏，注意一下红色框框，即是本篇随笔所言，顶部导航栏。

再看一下横屏，

 

参考钉钉开发文档，这个是可以隐藏的。
在页面中，引入：

<script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js"></script>

然后再写上几行代码：

 

if (dd.env.platform !== "notInDingTalk") {
    dd.ready(function () {
        dd.biz.navigation.hideBar({
            hidden: true,
            onSuccess: function () { /* console.log('hidden') */ },
            onFail: function (err) { console.warn('hideBar fail', err); }
        });
    });
}

 

更多开发技术文档参考钉钉JSAPI。
https://open.dingtalk.com/document/development/jsapi-overview


祝您开发顺利！