z***@sina.com
z***@sina.com
  • 发布:2017-08-10 17:31
  • 更新:2019-05-13 16:06
  • 阅读:3551

mui-popover弹出时遮挡了其中的控件

分类:MUI

mui-popover弹出时遮挡了其中的控件
ios包出现这个问题,安卓没有问题,请教如何解决。

2017-08-10 17:31 负责人:无 分享
已邀请:
z***@sina.com

z***@sina.com (作者)

部分代码:

<div>
<ul class="mui-table-view1 mui-table-view-chevron">
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="#info">添加优惠券</a>
</li>
</ul>
</div>


<div id="info" class="mui-popover mui-popover-action mui-popover-bottom">
<div class="mui-card">
<div class="mui-card-content">
<div class="mui-card-content-inner">
<div id="slider" class="mui-slider">
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item mui-active" href="#" data-wid="item1mobile">
抵值券
</a>
<a class="mui-control-item" href="#" data-wid="item2mobile">
加息券
</a>
</div>
</div>

                            <div class="mui-card" id="item1mobile">  
                            </div>  

                            <div class="mui-card mui-hidden" id="item2mobile">  
                            </div>  

                        </div>  
                    </div>  
                </div>  
            </div>
z***@sina.com

z***@sina.com (作者)

z***@sina.com

z***@sina.com (作者)

没人知道吗?

五叶神

五叶神 - 世界上没有免费的午餐,也不要有一颗贪婪的心

在浏览器内审查下原生就知道了,可能是样式层级的问题,挡住了
使用谷歌浏览器配合调试,应用在手机或模拟器运行后可在浏览器访问chrome://inspect会自动检测当前正在运行设备的页面,
点击inspect就会打开对应页面的谷歌控制台,就可以实现跟web网页一样的调试方式,包括结构、css修改、js断点等 (此方法inspect打开控制台首次需要翻墙)

6***@qq.com

6***@qq.com

哈哈,同情况。
目前我是这样临时解决的

<style>  
        .mui-scroll-wrapper {  
    overflow:inherit  
}  
    </style>
j***@hotmail.com

j***@hotmail.com

请问解决了吗?遇到了同样的坑,在IOS上

  • 1***@qq.com

    请问解决这个问题了 真是坑阿

    2018-08-24 17:39

1***@163.com

1***@163.com

请问楼主解决了嘛??

1***@qq.com

1***@qq.com

大家都是怎么解决的阿 真着急

1***@qq.com

1***@qq.com

解决了吗

  • 是阿眠呀

    弹出层内容放在mui-content的外面,不要放在mui-content里面试试

    2019-05-14 15:01

  • 9***@qq.com

    老铁 可以啊

    2019-05-14 16:42

  • 1***@qq.com

    回复 是阿眠呀: 就是没法放mui-content外面才不好操作,嵌套了好几层,最后发现是mui-popover的样式和mui-scroll-wrapper的样式有冲突,不知道怎么弄好

    2019-05-17 15:59

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