小程序
小游戏
企业微信
微信支付
扫描小程序码分享
列表渲染的组件有滤镜时,滚动时控件消失, 停止滚动才会出现. 比如做一个多页tableView, 当row的css中有filter属性时, 滚动时row就会消失, 停止滚动时会出现, 去掉filter这个属性后, 一切正常.请求解答, 目前只能去掉处理.
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
这个是webview的回收机制导致,filter属性比较耗性能,在离屏时会被回收,快速滚动时,没来得及渲染出来
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
应该是webview内核的渲染问题。麻烦提供下复现代码,以及机型
嗯, 那这种需求的实现方案是不是应该避免, 还是说有其他的解决方案?
机型: iPhone估计所有机型都有,iPhone6, 6s, X都出现过
写个伪代码吧,单独也剥离不出来:
<view class='{{row}}' wx:for='{{rowListArray}}' style='filter: grayscale({{(item.shouldGray == 1) ? "100%" : "0%"}}'>
<其他子控件></子控件>
</view>
有一页或者说少量row的时候, 滚动基本正常, 过快滚动的时候会有部分row消失, 不明显,当2页或者说row多了之后,滚动就会大面积的row消失, 停止滚动后才会出现, 而且也不是立即出现
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这个是webview的回收机制导致,filter属性比较耗性能,在离屏时会被回收,快速滚动时,没来得及渲染出来
应该是webview内核的渲染问题。麻烦提供下复现代码,以及机型
嗯, 那这种需求的实现方案是不是应该避免, 还是说有其他的解决方案?
机型: iPhone估计所有机型都有,iPhone6, 6s, X都出现过
写个伪代码吧,单独也剥离不出来:
<view class='{{row}}' wx:for='{{rowListArray}}' style='filter: grayscale({{(item.shouldGray == 1) ? "100%" : "0%"}}'>
<其他子控件></子控件>
</view>
有一页或者说少量row的时候, 滚动基本正常, 过快滚动的时候会有部分row消失, 不明显,当2页或者说row多了之后,滚动就会大面积的row消失, 停止滚动后才会出现, 而且也不是立即出现