chrome mint-ui 的 loadMore 上拉加载事件无法触发
上图是QQ浏览器上的效果,但是chrome无法触发
<mt-loadmore :auto-fill="loadMoreConfig.autoFill" :bottom-method="loadBottom"
:bottom-all-loaded="loadMoreConfig.allLoaded" ref="loadmore"
:bottomDistance="loadMoreConfig.bottomDistance">
</mt-loadmore>
data里的config:
loadMoreConfig: {
bottomDistance: 100,
autoFill: false,
allLoaded: false,
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
这几天在边开发边解决这个问题,早上发现问题的关键:
我会在loadMore外面包一层div div的css是overflow-y:scroll;
重点是这样没效果,还要在mounted上给.listBox加一段:
$(".listBox").css('height',$(window).height()+'px')确保外层div的高度不大于窗口高度这样能实现我想要的效果。
需要给包裹mt-loadmore的div 设置 overflow-y: scroll;