pcboby
pcboby
  • 发布:2015-05-14 20:40
  • 更新:2017-04-13 10:12
  • 阅读:7126

webview显示层次问题

分类:MUI

场景:app实例中使用webview加载子页面,父页中右上有按钮,打开弹出层(或者popover),显示内容
结果:弹出层被webview所加载的子页面覆盖

请问解决办法

2015-05-14 20:40 负责人:无 分享
已邀请:
pcboby

pcboby (作者)

谢谢回复,但回复的内容并不满足使用场景~

原因很简单:

  1. 我不可能将底部菜单放到子页中,因为放到子页的话,又得重新构造新的webview,难道再次将popover放到更低一层去???
  2. 当前应用场景就是要求做一个可全屏覆盖webview的弹出对话,放到webview子页中,那么就不能覆盖父级的顶部内容和底部内容,要之何用?

请按当前场景回复,谢谢~~~~

pcboby

pcboby (作者)

补充说明一下:
在你们提供的‘tabbar-with-submenus.html’示例文档中,也会出现类似的场景
比如说:一个含webview的底部且有导航的页面,导航中有二级弹出菜单,就是我需要的应用场景。
使用结果有三种不同情况发生:

  1. 和我上次所述例子情况相同,即弹出层被webview覆盖
  2. webview消失,且导致页面中其它部份点击事件失效
  3. hbuilder测试app直接关闭了(呵呵,iOS上还好,Android上有时候会出现)

呵呵,不好意思,因为正在用你的平台正在进行开发,所以经常用demo直接进行模拟开发,请回复,急~

Danny

Danny - QQ125904483

popover是基于DIV弹出来的,子页面是另一个WebView,WebView优先级要高于div,因此子页面显示在父页面任何dom之上,本来就是这样呀。

tabbar-with-submenus.html例子中tabbar和内容页面在同一个webview,不存在主子关系,所以正常显示的。

如果你想点父页面按钮在子页面弹出div,那就必须是div在子页,自定义一个事件,然后父页按钮通过自定义事件通知子页弹出div。

官方Demo中popover右上角那个就是跨WebView的天出菜单,你瞅瞅呗。

或者需要考虑使用原生的东西来实现了。

pcboby

pcboby (作者)

好的,谢谢~~~

我知道怎么处理。

  • 廿峦

    亲,你是怎么解决的?求教

    2016-09-14 09:57

  • a***@163.com

    怎么解决的,求代码分享

    2017-04-05 14:19

_123

_123 - 123

@pcboby 友,请指教下,怎么解决的,我也遇到这个问题了

linhong

linhong - null

大哥,请问你是怎么解决的啊

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