天才
天才
  • 发布:2015-06-16 11:56
  • 更新:2018-10-16 16:49
  • 阅读:11172

新版mui还是存在 滑动popover弹出界面 会导致整个界面(包括背景页面)的上下滑动

分类:MUI
2015-06-16 11:56 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

popover内部使用scroll控件

天才

天才 (作者)

<div id="middlePopover" class="mui-popover">
<div class="mui-popover-arrow"></div>
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul id="middlePopoverul" class="mui-table-view"></ul>
</div>
</div>
</div>

使用了,不过由于主页面长度长于屏幕,存在滚动条,所以在弹出框上划时,会带动主页面上划

建站宝_赵

建站宝_赵

同问

Lizh

Lizh

也是这个问题 popover里面用了scroll也没用

  • badfl

    没发现问题,是否是手机的问题

    2016-12-14 15:44

l***@sina.com

l***@sina.com

直接用document.body.style.overflow='hidden';禁用整个页面的滚动就可以了

kevin_liao

kevin_liao

我个人觉得这种选择功能,直接用Picker解决,还更加原生一些。效果更好一点。我就是使用Picker解决。

  • l***@sina.com

    我就是,mui的这个bug导致布局各种迁就框架,客户各种逼逼效果不好啥的,我心一横,直接用picker解决,客户再没逼逼过了

    2017-04-27 16:03

逗逗水

逗逗水

给popover 加了position:absolute; 为啥奇酷手机仍旧没效果,但其它手机没问题,这和手机版本冲突吗

freedemon

freedemon - 得于社区,反哺社区

现在还是有这种问题的。

freedemon

freedemon - 得于社区,反哺社区

我所遇到的这种情况是因为popover本身是absolution定位,加之父容器的高度远远超出了屏幕高度导致back-drop高度也超长,因此上下滑动的时候会出现后面的内容跟着滑动。

解决方法:将popover的定位改为fixed定位。

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