解决弹框滑动时,页面跟随滑动问题(弹框内容过长,有滚动内容时,同样适用)
发布于 3 年前 作者 chenglei 1733 次浏览 来自 分享

1 使用背景

小程序开发过程中,如果使用弹框功能,弹框滚动时,经常会出现小程序页面跟随弹框滚动而滚动,产品经理一般希望能做到弹框滚动时,页面不要滚动。

2 效果演示

解决前效果.gif

解决后效果.gif

3 解决技术点

弹框内容使用scroll-view组件

4 代码片段

https://developers.weixin.qq.com/s/dKcg2Kmh75rd

5 温馨提示:

不定期分享文章,欢迎关注哈。


1 回复

你好,如果弹框里面有一个固定高度的textarea,且textarea输入的文字较多时,正常情况是能滚动的,但是弹框最外层加了catchtouchmove导致textarea无法滚动,请问这应该如何解决?

回到顶部