运用了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>
3 个回复
w***@gmail.com
追问
4***@vip.qq.com
追问
q***@sina.com
<div class="mui-scroll-wrapper">顶部只需要这个类名
同时js中加mui('.mui-scroll-wrapper').scroll();
就可以滚动了