小程序滚动穿透问题

2405关注7371浏览

问题描述: 列表页上点击单个item时触发弹窗,在弹窗内有多个选项也是可以滚动,当弹窗内滚动至顶或底时,再滚动则会穿透至列表使其滚动,,想请教下大佬们如何避免滚动穿透呢?


尝试办法: 1、遮罩层设置catchtouchmove="{{true}}", 能解决在遮罩层阻止滚动穿透,但不能阻止浮窗层穿透,失败;

                    2、点击浮窗出现时,给列表盒子加类,给fixed定位或overflow-y:hidden, 实际显示会导致列表定位置顶,可以解决穿透问题,但这种体验及差,否了。

展开全部
收起
1回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Madeline

    3人对此回答表示赞同

    同问,要做页面筛选然后弹窗上是个scroll-viewscroll-view可以滚动。会导致底部也滚动。设置catchtouchmove也不行

    展开
    3
    2回复
    发布于 6年前

    评论(2)

    收起评论

    • Liam 2019-02-28 15:28

      双层可以??

      回复
    • Aiden 2019-03-02 15:18

      你们产品如果不太注重交互的话,可以在底部page也用上scorll-view,双层scroll-view可以有效阻止滚动穿透

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部