【微信小程序】d出层穿透问题的解决方案

【微信小程序】d出层穿透问题的解决方案,第1张

目前小程序d卖陆出层穿透有两种问题:

第一种:小程序d出层不滚动的时候,往上下拉时会连页面一起拉动,这个用户体验性很差的。

解决方案:在wxml中,增加catchtouchmove=true,就ok了~

第二种:小程序d出肢没层滚动的时候,加catchtouchmove没效果

解决方案:利中饥顷用scroll-view和page的overflow:hidden组合使用

d出层的时候,isShowPicker为false,就是禁止scroll-view滚动。关闭d出层,isShowPicker为true,就能正常滚动。

<view class="box">我的字数很多阿萨德撒萨达萨达萨达携镇就安静的加多少辩薯粗家看得开卡打卡拉到了啦啦队啦啦队</view>f

.box{

width:100rpx

height:30rpx//高度不能乱写,你要自己去看你的两行文字占多少高度

font-size:15rpx

overflow:hidden//手衡一定要写

text-overflow: ellipsis//超出省略号

display:-webkit-box//一定要写

-webkit-line-clamp: 2//控制行数

-webkit-box-orient: vertical//一定要写

}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12445564.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存