chrome mint-ui 的 loadMore 上拉加载事件无法触发

发布于 2022-09-07 12:12:52 字数 571 浏览 16 评论 0

clipboard.png
上图是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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

泪意 2022-09-14 12:12:52

这几天在边开发边解决这个问题,早上发现问题的关键:

clipboard.png

我会在loadMore外面包一层div div的css是overflow-y:scroll;
重点是这样没效果,还要在mounted上给.listBox加一段:
$(".listBox").css('height',$(window).height()+'px')确保外层div的高度不大于窗口高度这样能实现我想要的效果。

一向肩并 2022-09-14 12:12:52

需要给包裹mt-loadmore的div 设置 overflow-y: scroll;

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文