移动端怎么进行局部滚动而不影响其他模块

发布于 2022-09-04 10:15:26 字数 386 浏览 9 评论 0

图片描述

最近在搞一个移动端的demo,如上图,Top250,正在热映,即将上映时tab切换,现在已经实现了下拉滚动加载,可是当第一个tab下拉滚动的时候,tab2和tab3也会进行同步的下拉滚动。

我使用vuejs,所有tab,监听的是window的滚动事件。

window.addEventListener('scroll',addMore)

之前试过监听body滚动事件,可是获取到的scrollTop一直为0。请问怎么解决?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

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

发布评论

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

评论(2

遮云壑 2022-09-11 10:15:26

谢邀。

你 TOP,热映,正在,三个是三个状态吧。那你监听滚动的时候就判断一下。当前是什么状态。然后记录什么scrollTop,访问和状态对应的接口也是可以的吧。

然后就是楼上说的。把监听化小,也是一种办法吧。

你穿错了嫁妆 2022-09-11 10:15:26

谢邀~
那就不用window呗, 需要懒加载的上层divscroll:auto 进行监听

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