mubrand
mubrand
  • 发布:2016-08-01 11:29
  • 更新:2016-08-06 11:25
  • 阅读:1927

页面加载webview后, 遮挡原页面的侧滑导航

分类:HTML5+

整体页面布局如图,点击btn后加载webview到蓝色区域。同时头部有侧滑导航,点击红圈后显示绿色的侧滑导航。现在的问题是加载webview后,点击红圈,侧滑出的导航会被蓝色区域挡住。

请教各位大神,因为webview不同于div,没办法用层级关系解决,还是我的最初想法就有问题,类似的布局一般大家怎么解决的,感谢指教

2016-08-01 11:29 负责人:无 分享
已邀请:
4***@qq.com

4***@qq.com

我也碰到这个问题,而且已经设置了主 webview的 zindex
和 其他webview的zindex,但还是遮挡。请问你解决了吗?

  • mubrand (作者)

    没解决啊。。。最近在搞,兄弟解决了的话麻烦给留言:)我要解决了也会放上来

    2016-08-04 16:30

  • 4***@qq.com

    今天刚看到这个。貌似 你写的方案无法实现。http://ask.dcloud.net.cn/article/803

    2016-08-04 18:52

  • mubrand (作者)

    按土办法解决了,内容里有写

    2016-08-06 11:23

mubrand

mubrand (作者) - mubrand.com 承接各类app开发,java语言,含界面设计及前端

解决了,还是那个方法,滑动的出来的菜单栏单独写一个html,点击红圈后载入这个webview,因为是后载入的,所有始终保持最前列。菜单栏的html需要调部分样式,设置了70%宽度内容,背景半透明,最终就是这种效果。半透明的部分加上mui-action-back,可实现点击关闭。这样也许不科学,凑乎用吧

Trust

Trust - 少说废话

  • mubrand (作者)

    意思是侧滑菜单不能用MUI里的那个模板,自己写一份作为单独的一个webview,点击红圈展示这个webview,并把zindex设置最高?

    2016-08-02 13:41

  • 4***@qq.com

    @18603469707@qq.com:请问解决了没?我在官方 侧滑基础上,增加了底部导航。并且设置了 主页面的zindex和其他webview的zindex,但还是遮挡。

    2016-08-03 13:27

该问题目前已经被锁定, 无法添加新回复