详细问题描述
轮播图和列表放在了同一个滚动容器中,对这个滚动容器做了上拉加载的监听,可是在轮播图切换的时候会触发上拉加载,不知道是为什么。
重现步骤
[步骤]
- 在一个滚动容器中放入轮播图和列表
- 添加上拉刷新模块
- 切换轮播图,触发了上拉刷新(不正常)
[结果]
结果在轮播图切换的时候,下面就开始加载新的内容了
[期望]
期望是想要轮播图和列表在一个滚动容器中一起滚动,只有滚动到最底部才触发上拉加载。
运行环境
[系统版本]
[浏览器版本]
[IDE版本]
[mui版本]
应该任何运行环境都有这个问题。
附件
[代码片段]
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<div id="slider" class="mui-slider div-img-slider">
<div class="mui-slider-group mui-slider-loop">
<!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="images/yuantiao.jpg">
<p class="mui-slider-title">静静看这世界</p>
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/shuijiao.jpg">
<p class="mui-slider-title">幸福就是可以一起睡觉</p>
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/muwu.jpg">
<p class="mui-slider-title">想要一间这样的木屋,静静的喝咖啡</p>
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/cbd.jpg">
<p class="mui-slider-title">Color of SIP CBD</p>
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/yuantiao.jpg">
<p class="mui-slider-title">静静看这世界</p>
</a>
</div>
<!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="images/shuijiao.jpg">
<p class="mui-slider-title">幸福就是可以一起睡觉</p>
</a>
</div>
</div>
<div class="mui-slider-indicator mui-text-right">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-media">
<a href="javascript:;">
<img class="mui-media-object mui-pull-left" src="images/shuijiao.jpg">
<div class="mui-media-body">幸福
<p class="mui-ellipsis">能和心爱的人一起睡觉,是件幸福的事情;可是,打呼噜怎么办?</p>
</div>
</a>
</li>
</ul>
</div>
</div>
[安装包]
app安装包在附件中,将后缀改为apk就可以安装了
联系方式
[QQ]
627572337
[电话]