Drex
Drex
  • 发布:2015-05-20 16:25
  • 更新:2015-08-23 11:56
  • 阅读:2586

Webview zindex问题

分类:MUI

主view有凸起,子页面view把主页面的凸起覆盖,求解决方案

2015-05-20 16:25 负责人:无 分享
已邀请:
DCloud_UNI_CHB

DCloud_UNI_CHB

看不懂,什么叫凸起?

Drex

Drex (作者)

就是底部导航有一个按钮悬空凸起,高于底部样式其他按钮,凸出界面,定义新Webview距底部属性时:
如果按照其他的按钮高度,新页面把凸起部分遮盖,
如果按照凸起的按钮定义高度,新页面不覆盖,但是新页面距底部其他按钮有空隙
用到的是层级定义Zindex,但是怎么定义主页面层级

元玉

元玉

同问,求解决

DCloud_UNI_CHB

DCloud_UNI_CHB

先说思路吧,后续补一个模板:
方案1
将凸起的上半部分放入子webview中,该部分设置为fixed定位,和凸起的下半部分刚好闭合;

方案2
将凸起的部分单独作为一个子webview,在屏幕固定位置显示。

chender

chender - 与人为善

官方看能不能引入原生的menu组件,要不然我用template的形式加载了一个第三方页面,如果右上角想要有菜单功能,还得往第三方页面注入一段比较繁琐的js

  • DCloud_UNI_CHB

    第三方页面作为子webview,菜单放在父webview中呢?

    2015-08-23 12:18

  • chender

    我有尝试过这样做,感觉代价有点大,低端机上跨webview的通讯非常耗时

    2015-08-23 12:26

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