关于小程序两层滚动引发的问题

发布于 2022-09-12 01:58:55 字数 355 浏览 12 评论 0

jt.png

box1是整个页面有滚动(高度大概1100px+),然后当tab到达顶部的时候吸顶固定不动开始滚动box2(高度设置100vh)里面的内容,而tab和box2是swiper的结构,左右滑动box2能切换tab。目前我box1滑动到tab吸顶都没问题但是会滑完了box1的高度1100px+就停住了,需要重新滑一下才能继续滑动box2,求大佬指点一下两个滑动如何能在一次滑动里面进行~

ps:其实这里也想到了另一种实现方式,参考京东到家小程序点进里面店铺的那种滑动,一开始会顿一下然后把下面的拉上来,然后开始滑动,不过不是很懂那种实现原理,也希望大佬指点一下!

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

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

发布评论

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

评论(1

寻找我们的幸福 2022-09-19 01:58:55

选择了附言里面那种方法,实现原理是监听手指触摸事件touchstarttouchend然后判断手指滑向,然后使用动画animation实现效果。

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