savior
savior
  • 发布:2015-09-16 17:20
  • 更新:2017-06-13 17:42
  • 阅读:4689

modal与mui-table-view mui-table-view-radio一起使用,无法滚动

分类:MUI
mui

<div id="modal" class="mui-modal">
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-icon-close mui-pull-right" href="#modal"></a>
<h1 class="mui-title">选择人员</h1>
</header>
<div class="mui-content">
<div class="mui-card">
<ul class="mui-table-view mui-table-view-radio">
<li class="mui-table-view-cell">
<a class="mui-navigate-right" onclick="chooseUser(this)">张三</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" onclick="chooseUser(this)">张三</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" onclick="chooseUser(this)">张三</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" onclick="chooseUser(this)">张三</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" onclick="chooseUser(this)">张三</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" onclick="chooseUser(this)">张三</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" onclick="chooseUser(this)">张三</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" onclick="chooseUser(this)">张三</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" onclick="chooseUser(this)">张三</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" onclick="chooseUser(this)">张三</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" onclick="chooseUser(this)">张三</a>
</li>
</ul>
</div>
<div class="mui-button-row">
<button type="button" class="mui-btn mui-btn-primary" onclick="selectQuzhang()">确认</button>&nbsp;&nbsp;
<button type="button" class="mui-btn mui-btn-danger" onclick="unActive()">取消</button>
</div>
</div>
</div>
在弹出的modal理使用了列表,如果li列表的条目比较多,超出了屏幕(张10和张11),则不管怎么上下拉动,超出屏幕部分都显示不出来。
实际上下拉动的结果是拉动了隐藏在modal后的原页面。
有没有办法解决?

2015-09-16 17:20 负责人:无 分享
已邀请:

最佳回复

雪狐

雪狐

modal主要用于一屏展示的内容,所以默认溢出的部分是隐藏的。
修改.mui-modal的overflow为auto即可

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