百度直达号JS组件覆盖已有导航

        最近做百度直达号第三方服务商接入的活儿。期间遇到了一波问题，网上除了百度帮助文档，基本无相关问题参考，现有空闲，记录下来，一为自己做个记录，二方便同况弟兄快速解决问题。菜鸟第一次写博客，说废话了。

        百度直达号应用审核需要添加百度的js组件，客户提供的一个应用加入组件代码：

<script type="text/javascript" name="baidu-tc-cerfication" data-appid="{appid}"
src="http://apps.bdimg.com/cloudaapi/lightapp.js"></script>

        通过调试地址（http://m.baidu.com/lightapp/{appid}?debug=1）访问，一直出现百度组件遮挡了原应用导航问题。坑爹的是客户提供的开发文档里面写着“如果页面显示的服务组件，出现遮挡原网站样式或导致样式混乱，可以参考<<服务组件技术文档>>进行调整”，进了这个网站（http://clouda.com/blendapi/cloud/smartBar），来来回回看了两三天，依旧一头黑。实在无奈，去了百度直达号文档中心挨个看，终于看到了在这儿（http://developer.baidu.com/wiki/index.php?title=docs/direct/service）看到了光明。

        以下内容来自百度文档中心：

        导航遮挡解决方案 

        调用接口说明

        通过调用接口clouda.lego.smartBar.adjustPanel，将商户自有导航调整到服务导航上方。 

      

        接口调用示例

        商户单行导航：         

clouda.lego.smartBar.adjustPanel({"selector":"#userDefineBottomBar"});

        植入上面这段代码，关联原导航div，解决问题。