潘歌
潘歌
  • 发布:2014-12-18 19:00
  • 更新:2015-06-16 03:28
  • 阅读:5153

在webview模式下,使用弹出菜单被子页面内容遮挡住怎么解决?

分类:MUI

如题

2014-12-18 19:00 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

弹出菜单放在子页面内。由父页面evalJS子页面显示菜单

waxdz2015

waxdz2015

求个例子,呵呵

VV巷子

VV巷子 - 我就是我

同样的问题,弹出菜单放在子webview里面,父页面调用,但是只有灰色蒙版效果,菜单没有显示,开始加上了scroll滚动条
<div id="scroll1" class="mui-scroll-wrapper">
<div class="mui-scroll">
<!--子页面内容-->
</div>
</div>
这样子的话,弹出菜单是没问题的,但是如果把滚动条去掉,用原生自带的滚动条的话,弹出菜单就只有灰色蒙版效果出现,菜单本身没有显示出来。

  • DCloud_UNI_FXY

    需要你自己设置popover的位置,如.mui-popover{position:absolute;left:0,top:0}

    2015-06-18 23:07

太阳神

太阳神

官网的解决方案只适合 父页面的按钮距离子页面很近的情况,如果远的话就会很奇怪,会发现点的地方和显示菜单的地方有一段距离

DCloud_UNI_FXY

DCloud_UNI_FXY

hello-mui的popovers.html就是跨webview的弹出菜单。

  • DerekS

    这例子都来回看了N遍了。。。一样遇到题主一样的问题。

    2015-04-20 11:51

  • DCloud_UNI_FXY

    childWebview.evalJS('mui("#popover").popover("toggle");');

    2015-04-20 13:20

  • yangyang

    没效果的。。。。。

    2015-05-14 19:04

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