3***@qq.com
3***@qq.com
  • 发布:2016-12-01 16:02
  • 更新:2016-12-01 18:14
  • 阅读:2378

modal里面使用mui-table-view 无法滚动?

分类:MUI
css
<div id="modal" class="mui-modal"  style="overflow-y: scroll;">  
                <header class="mui-bar mui-bar-nav">  
                    <a class="mui-icon mui-icon-close mui-pull-right" href="#modal"></a>  
                    <h1 class="mui-title">Modal</h1>  
                </header>  
                <div class="mui-content">  
                    <ul id="ulunpay" class="mui-table-view">  
                        <li class=" mui-table-view-cell ">  
                            测试测试测试测试测试测试测试测试测试测试  
                            <div class="mui-table-view-chevron ">  
                                <button type="button " class="mui-btn mui-btn-blue mui-pull-right " onclick="cancleorder( 'orderid') ">取消订单</button>  
                            </div>  
                        </li><li class=" mui-table-view-cell ">  
                            测试测试测试测试测试测试测试测试测试测试  
                            <div class="mui-table-view-chevron ">  
                                <button type="button " class="mui-btn mui-btn-blue mui-pull-right " onclick="cancleorder( 'orderid') ">取消订单</button>  
                            </div>  
                        </li><li class=" mui-table-view-cell ">  
                            测试测试测试测试测试测试测试测试测试测试  
                            <div class="mui-table-view-chevron ">  
                                <button type="button " class="mui-btn mui-btn-blue mui-pull-right " onclick="cancleorder( 'orderid') ">取消订单</button>  
                            </div>  
                        </li>  
                        <li class="mui-table-view-cell ">  
                            测试测试测试<br />测试测试测试测试测试测试测试  
                            <div class="mui-table-view-chevron ">  
                                <button type="button " class="mui-btn mui-btn-green mui-pull-right " onclick="okorder( 'orderid') ">确认订单</button>  
                            </div>  
                        </li>  
                        <li class="mui-table-view-cell ">  
                            测试测试测试<br />测试测试测试测试测试测试测试  
                            <div class="mui-table-view-chevron ">  
                                <button type="button " class="mui-btn mui-btn-green mui-pull-right " onclick="okorder( 'orderid') ">确认订单</button>  
                            </div>  
                        </li>  
                        <li class="mui-table-view-cell ">  
                            测试测试测试<br />测试测试测试测试测试测试测试  
                            <div class="mui-table-view-chevron ">  
                                <button type="button " class="mui-btn mui-btn-green mui-pull-right " onclick="okorder( 'orderid') ">确认订单</button>  
                            </div>  
                        </li>  
                        <li class="mui-table-view-cell ">  
                            测试测试测试<br />测试测试测试测试测试测试测试  
                            <div class="mui-table-view-chevron ">  
                                <button type="button " class="mui-btn mui-btn-green mui-pull-right " onclick="okorder( 'orderid') ">确认订单</button>  
                            </div>  
                        </li>  
                        <li class="mui-table-view-cell ">  
                            测试测试测试<br />测试测试测试测试测试测试测试  
                            <div class="mui-table-view-chevron ">  
                                <button type="button " class="mui-btn mui-btn-green mui-pull-right " onclick="okorder( 'orderid') ">确认订单</button>  
                            </div>  
                        </li>  
                    </ul>  
                    <button class="mui-btn mui-btn-primary mui-btn-block" onclick="">确认订单</button>  
                </div>  
            </div>
2016-12-01 16:02 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

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

  • h***@miw.cn

    但是header也一起跟着滚动上去了,能有方法固定header吗?

    2017-06-10 17:01

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