菜鸟先飞
菜鸟先飞
  • 发布:2016-05-14 14:13
  • 更新:2019-06-28 17:50
  • 阅读:5456

mui-popover 里面内容超出高度时不出现滚动条

分类:MUI

<ul>
<li class="mui-table-view-cell" >
<a class="mui-navigate-right" href="#pictureSD">pop测试
<span id="couponSh" class="mui-pull-right" style="margin-right: 20px;"><span id="couponid" style="color: red;"></span></span>
</a>
</li>
</ul>
<div id="pictureSD" class="mui-popover mui-popover-action mui-popover-bottom " style="background-color: white;height: 350px;width: 100%;">
<div class="mui-row">
<div style="position:absolute; height:400px;width:100%;overflow-y:auto">
<div style="height:200px">4</div>
<div style="height:200px">5</div>
<div style="height:200px">6</div>
</div>
</div>
</div>

2016-05-14 14:13 负责人:无 分享
已邀请:
Aceo

Aceo

var onPopoverShown = function(e) {
this.removeEventListener('webkitTransitionEnd', onPopoverShown);
this.addEventListener($.EVENT_MOVE, $.preventDefault);
$.trigger(this, 'shown', this);
}

如上,mui.js将popover里的touchmove事件给拦截了,所以内容是不允许滑动(滚动)的

  • jayhou

    那怎么取消拦截呢,怎么能解决,我也遇到了

    2018-07-24 13:50

  • 非洲企鹅

    请问怎么解决啊

    2019-08-22 13:48

  • 梦曳朗空

    回复 非洲企鹅: https://blog.csdn.net/qq_35310703/article/details/79056268

    2019-10-19 22:03

  • 梦曳朗空

    回复 jayhou: https://blog.csdn.net/qq_35310703/article/details/79056268

    2019-10-19 22:03

1***@qq.com

1***@qq.com - 90后IT男

我也碰到了这个问题
如何解决呢

  • 梦曳朗空

    https://blog.csdn.net/qq_35310703/article/details/79056268

    2019-10-19 22:04

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