非专业开发人员
非专业开发人员
  • 发布:2018-08-30 12:35
  • 更新:2018-08-30 12:37
  • 阅读:1962

popover 中的ul不能滑动

分类:MUI

popover 中的ul不能滑动,框架中加入了mui-scroll-wrapper和mui-scroll. 也设置了 mui('.mui-scroll-wrapper').scroll(); 但就是不能滑动

<!--车型车长弹出菜单-->
<div id="carTypePopover" class="mui-popover mui-popover-bottom mui-popover-action" style="height: 80%;">

        <div  style="height: 20px;">  
            <div id="carTypePopover_sure" class="mui-btn-sure"> 确定 </div>  
            <div id="carTypePopover_cancle" class="mui-btn-ok"> 取消 </div>  
            <div style="width: 100%;background-color: #EEEEEE;clear: left;height: 1px;padding-top: 1px;"></div>  
        </div>  

        <div class="mui-scroll-wrapper" style="top: 30px;">  

            <div class="mui-scroll">  
                <ul class="mui-table-view" style="padding-bottom: 60px;">  
                    <li class="mui-table-view-cell">  
                        <div class="popover_title"><bd>用车类型</bd></div>  
                        <div id="firstBtn" class="mui-btn mui-label-btn mui-btn-active" onclick="selectCarLengthAndType(this,3)">整车</div>  
                        <div id="lastBtn" class="mui-btn mui-label-btn" onclick="selectCarLengthAndType(this,3)">零担</div>  

                        <div class="popover_title"><bd>车长</bd>  
                            <span style="font-size: 12px;color: #B6B6B6;">(米,可多选)</span> </div>  
                        <div  class="span_label mui-col-xs-3 mui-col-sm-3" v-for="item in carLengths">  
                            <div  class="mui-btn mui-label-btn mui-car-length" onclick="selectCarLengthAndType(this,0)">{{item}}</div> </div>  
                        <div style="color: #333">  
                            <input id="otherCarLengthInput" type="number" class="mui-input-clear" value="" placeholder="输入其他车长">米  
                        </div>  

                        <div class="popover_title"><bd>车型</bd>  
                            <span style="font-size: 12px;color: #B6B6B6;">(可多选)</span> </div>  
                        <div  class="span_label mui-col-xs-3 mui-col-sm-3" v-for="item in carTypes">  
                            <div  class="mui-btn mui-label-btn mui-car-type" onclick="selectCarLengthAndType(this,1)">{{item}}</div> </div>  
                        <div class="popover_title"><bd>货物类型</bd>  
                            <span style="font-size: 12px;color: #B6B6B6;"></span> </div>  
                        <div class="span_label mui-col-xs-3 mui-col-sm-3" v-for="item in carGoodsTypes">  
                            <div  class="mui-btn mui-label-btn selectGoodsType" onclick="selectGoodsType(this)">{{item}}</div> </div>  

                        <div style="clear: left;">  
                            <button class="mui-btn" style='width: 20%;margin-left: 40%;margin-top: 10px;' onclick="resetCarType()">重置</button>  
                        </div>  

                    </li>  
                    <li class="mui-table-view-cell">ddd</li>  
                </ul>  

            </div>  
        </div>  
    </div>  
2018-08-30 12:35 负责人:无 分享
已邀请:
非专业开发人员

非专业开发人员 (作者) - 非专业开发人员

<div id="carTypePopover" class="mui-popover mui-popover-bottom mui-popover-action" style="height: 80%;">
<div style="height: 20px;">
<div id="carTypePopover_sure" class="mui-btn-sure"> 确定 </div>
<div id="carTypePopover_cancle" class="mui-btn-ok"> 取消 </div>
<div style="width: 100%;background-color: #EEEEEE;clear: left;height: 1px;padding-top: 1px;"></div>
</div>
<div class="mui-scroll-wrapper" style="top: 30px;">
<div class="mui-scroll">
<ul class="mui-table-view" style="padding-bottom: 60px;max-height: 503px;">
<div class="popover_title"><bd>用车类型</bd></div>
<div id="firstBtn" class="mui-btn mui-label-btn mui-btn-active" onclick="selectCarLengthAndType(this,3)">整车</div>
<div id="lastBtn" class="mui-btn mui-label-btn" onclick="selectCarLengthAndType(this,3)">零担</div>
<div class="popover_title"><bd>车长</bd>
<span style="font-size: 12px;color: #B6B6B6;">(米,可多选)</span> </div>
<div class="span_label mui-col-xs-3 mui-col-sm-3" v-for="item in carLengths">
<div class="mui-btn mui-label-btn mui-car-length" onclick="selectCarLengthAndType(this,0)">{{item}}</div> </div>
<div style="color: #333">
<input id="otherCarLengthInput" type="number" class="mui-input-clear" value="" placeholder="输入其他车长">米
</div>
<div class="popover_title"><bd>车型</bd>
<span style="font-size: 12px;color: #B6B6B6;">(可多选)</span> </div>
<div class="span_label mui-col-xs-3 mui-col-sm-3" v-for="item in carTypes">
<div class="mui-btn mui-label-btn mui-car-type" onclick="selectCarLengthAndType(this,1)">{{item}}</div> </div>
<div class="popover_title"><bd>货物类型</bd>
<span style="font-size: 12px;color: #B6B6B6;"></span> </div>
<div class="span_label mui-col-xs-3 mui-col-sm-3" v-for="item in carGoodsTypes">
<div class="mui-btn mui-label-btn selectGoodsType" onclick="selectGoodsType(this)">{{item}}</div> </div>

                    <div style="clear: left;">  
                        <button class="mui-btn" style='width: 20%;margin-left: 40%;margin-top: 10px;' onclick="resetCarType()">重置</button>  
                    </div>  
                </ul>  
            </div>  
        </div>  
    </div>

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