这个场景一般用于展示数据时,数据过多,每条一行显示不下,表头可以横向滑动,下面要显示的数据部分横向纵向都可以滑动。表头或下面数据部分横向滑动的时候,两部分可以进行联动
具体效果像这样(随便写的丑样式布局)
说说原理,主要是使用两个scroll-view组件,然后监听两个scroll-view的滑动事件,然后根据滑动的scroll-view横向滑动的距离,通过scroll-left来设置另一个scroll-view滑动的距离
首先WXML代码:
然后JS代码:
在开发者工具上前几次滑动会很慢,估计几秒后另一个才会滑动,手机上不会。 在手机和开发者工具上滑动的时候有大概几百毫秒延迟,可以忽略不计, 我觉得是因为两个地方的滑动都要频繁的使用setData操作,所以会出现这些情况。 如果大家发现是其他原因引起的、有错误或有其他好的方法,请留言,谢谢
工作日 8:30-12:00 14:30-18:00 周六及部分节假日提供值班服务
工作日 8:30-12:00 14:30-18:30