• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

解决微信小程序自定义弹窗,滑动导致底部也一起滑动的几种方案 ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在开发小程序中,自定义弹窗上面滚动,导致底部也一起滑动
如左图,接触黑色阴影,会导致底部也一起滑动

解决方案,我总结了以下几种

1、控制底部根目录scroll-view 的scroll-y属性的true/false,控制底部滚动以及不滚动

2、在自定义弹框最外层元素加上catchtouchmove=’true’ ;或者catchtouchmove="preventTouchMove"

Pages({

  preventTouchMove() {}

})

注意!!!,使用场景!!!

适用于自定义内弹框不包含scroll-view 情况下;
此时底部根目录可以不为scroll-view 也可以生效
而且必须真机测试,电脑客户端不行


3、底部最外层scroll-view 的scroll-y属性恒为true

css height 100vh

自定义弹框只需要position:fixed。底层就不会滚动了,这个应该是最近几个版本微信更新了,自定义弹窗的滚动事件不会冒泡到底部scroll-view了

 期待更多的解决方案,印象中前几个月,第三个方案是不可行的


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap