mui-popover弹出时遮挡了其中的控件
ios包出现这个问题,安卓没有问题,请教如何解决。
- 发布:2017-08-10 17:31
- 更新:2019-05-13 16:06
- 阅读:3551
mui-popover弹出时遮挡了其中的控件
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>
五叶神 - 世界上没有免费的午餐,也不要有一颗贪婪的心
在浏览器内审查下原生就知道了,可能是样式层级的问题,挡住了
使用谷歌浏览器配合调试,应用在手机或模拟器运行后可在浏览器访问chrome://inspect会自动检测当前正在运行设备的页面,
点击inspect就会打开对应页面的谷歌控制台,就可以实现跟web网页一样的调试方式,包括结构、css修改、js断点等 (此方法inspect打开控制台首次需要翻墙)
解决了吗
-
回复 是阿眠呀: 就是没法放mui-content外面才不好操作,嵌套了好几层,最后发现是mui-popover的样式和mui-scroll-wrapper的样式有冲突,不知道怎么弄好
2019-05-17 15:59