您的当前位置:首页正文

小程序开发-2弹框遮罩层滚动穿透

2024-11-04 来源:个人技术集锦

问题描述

自实现的简单底部弹框和fixed遮罩层,在弹出后仍能滑动背后的列表,且弹框内内容滚动到底后继续滑动会滑到背后的列表

解决方案

1.使用page-style

2.catchtouchmove+scroll-view

  • 具体实现:
    • 在弹窗最外部包裹上加catchtouchmove,并赋值一个自定义的空事件处理函数
    • 内部弹窗需要滚动的地方改用scroll-view,并设置scroll-y为true
    • ps:scroll-view默认不支持flex布局,如果内容用到了flex布局,要在标签上设置enable-flex属性
显示全文