切换风格

加州 简约米色 星空 绿野仙踪 花卉 城市 简约黑色 白云 薰衣草 晚霞 粉色心情 伦敦 雪山 龙珠

回复 2

1

主题

1

帖子

5

积分

新手上路

Rank: 1

积分
5
scroll-view 触摸穿透问题[复制链接]
发表于 2018-5-3 14:51:02 | 显示全部楼层 |阅读模式
弹出层上面有一个scroll-view,在触摸scroll-view的时候,会导致底部view的滑动,在弹出层的底层view加了catchTouchMove,这个view有效果,但是scroll-view 就没有效果了。这个怎么解决!
回复

使用道具 举报

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
发表于 2018-5-3 15:06:21 | 显示全部楼层
微信小程序弹出层点击穿透问题解决办法
回复 支持 反对

使用道具 举报

0

主题

3

帖子

10

积分

新手上路

Rank: 1

积分
10
发表于 2018-5-3 15:40:34 | 显示全部楼层
方法1、实现小程序弹出层非常简单:只需要在弹出层的根view元素节点内添加以下属性内容即可实现,style="display: {{modaldisplay}};position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index:999;background-color:rgba(0,0,0,0.5);"复制代码如果想要实现滚动,配置scrow-view使用效果很好。modaldisplay : 控制弹出层显示与隐藏
解决穿透问题:弹出层显示的时候,底部根view元素增加以下class,关闭的时候则移除这个class即可
.noscroll { height: 100%; overflow: hidden;} 复制代码方式2、使用modal组件+scroll-view实现弹出层:
解决穿透问题:modal中的scroll设置好scroll-y,然后当弹出层出现的时候吧底部的page添加一个样式,关闭弹出层的时候就把这个class去掉就可以了
.noscroll { height: 100%; overflow: hidden;}复制代码
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|葫芦娃微信小程序资源网 ( ICP证:鲁ICP备14008133号-3 

GMT+8, 2018-10-19 07:59 , Processed in 0.024256 second(s), 26 queries .

Powered by Discuz!ģ X3.2

© 2001-2013

返回顶部