3***@qq.com
3***@qq.com
  • 发布:2016-10-14 17:47
  • 更新:2018-01-26 12:24
  • 阅读:3676

点击区域滚动部分不能上下滑动

分类:MUI

运用了mui的区域滚动类来滚动几个div,内容较多。
整个页面的高度大于屏幕的高度,有竖向滚动条。
触摸mui-scroll这个类的div区域不能上下滚动,触摸其他区域滚动正常。

代码如下:

<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">  
                    <div class="mui-scroll">  
                        <a class="mui-control-item contrlo-item-content">  
                            <img src="img/wutu1.png" />  
                            <div class="brand">淡淡a淡淡a淡淡a淡淡a淡淡a淡淡a淡淡a淡淡a</div>  
                            <div>20113年4月 8万公里</div>  
                            <div class="sale-price">8.80<span>万</span></div>  
                        </a>  
                        <a class="mui-control-item contrlo-item-content">  
                            <img src="img/wutu1.png" />  
                            <div class="brand">淡淡的</div>  
                            <div>20113年4月 8万公里</div>  
                            <div class="sale-price">8.80<span>万</span></div>  
                        </a>  
                        <a class="mui-control-item contrlo-item-content">  
                            <img src="img/wutu1.png" />  
                            <div class="brand">淡淡的</div>  
                            <div>20113年4月 8万公里</div>  
                            <div class="sale-price">8.80<span>万</span></div>  
                        </a>  
                        <a class="mui-control-item contrlo-item-content">  
                            <img src="img/wutu1.png" />  
                            <div class="brand">淡淡的</div>  
                            <div>20113年4月 8万公里</div>  
                            <div class="sale-price">8.80<span>万</span></div>  
                        </a>  
                        <a class="mui-control-item contrlo-item-content">  
                            <img src="img/wutu1.png" />  
                            <div class="brand">淡淡的</div>  
                            <div>20113年4月 8万公里</div>  
                            <div class="sale-price">8.80<span>万</span></div>  
                        </a>  
                        <a class="mui-control-item contrlo-item-content">  
                            <img src="img/wutu1.png" />  
                            <div class="brand">淡淡的</div>  
                            <div>20113年4月 8万公里</div>  
                            <div class="sale-price">8.80<span>万</span></div>  
                        </a>  
                    </div>  
                </div>
2016-10-14 17:47 负责人:无 分享
已邀请:
w***@gmail.com
4***@vip.qq.com
q***@sina.com

q***@sina.com

<div class="mui-scroll-wrapper">顶部只需要这个类名

同时js中加mui('.mui-scroll-wrapper').scroll();

就可以滚动了

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