打算使用scroll-view组件bindscroll属性调用wxs中的方法,来实现视察滚动的效果。
//wxml
<view class="bg">视差滚动背景层</view>
<scroll-view scroll-x="true" bindscroll="{{scroll.move}}" ></scroll-view>
//wxs
var move=function(e,ownerInstance){
//背景层
var background = ownerInstance.selectComponent('.bg');
background.setStyle({
"transform": "translateX(-"+scrollLeft/10*9+"px)"
});
return false
}
但是在测试中发现,bindscroll的触发频率太低,会造成背景层移动的卡顿。
快速移动中,每次bindscroll触发,间隔距离太大。再赋值给背景层时就会出现顿挫感。
请问如果才能提高bindscroll的触发频率?或者对于小程序实现视差滚动,有没有其他的更优方案?
可以参考一下使用纯CSS的实现方案。https://blog.csdn.net/MrWeb/article/details/119745251?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-3-119745251-blog-113824433.pc_relevant_3mothn_strategy_recovery&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-3-119745251-blog-113824433.pc_relevant_3mothn_strategy_recovery&utm_relevant_index=4