文件名称:微信小程序实现顶部、底部滑动联动
文件大小:59KB
文件格式:PDF
更新时间:2024-04-18 11:33:37
微信,小,程序,实现,顶部,、,底部,滑动,联动,
这个场景一般用于展示数据时,数据过多,每条一行显示不下,表头可以横向滑动,下面要显示的数据部分横向纵向都可以滑动。表头或下面数据部分横向滑动的时候,两部分可以进行联动 具体效果像这样(随便写的丑样式布局) (此图片来源于网络,如有侵权,请联系删除! ) 说说原理,主要是使用两个scroll-view组件,然后监听两个scroll-view的滑动事件,然后根据滑动的scroll-view横向滑动的距离,通过scroll-left来设置另一个scroll-view滑动的距离 首先WXML代码: <scroll-view style='width:100%;height:100rpx;borde