表体跟表头滑动问题?
发布于 5 年前 作者 guiying92 14951 次浏览 来自 问答

表格分表头和表体(表的主体内容)

如何做到以下两点:

  1. 上下滑动时,表体上下跟着滑动,表头固定不动

  2. 左右滑动时,表体跟表头又可以一起左右滑动

我目前对表头position: fixed; 表体margin-top:9% 可以实现第1点

但是第二点如何实现呢?

1 回复

我的方法并不完美,先贴出来

表头加上style=‘left:{{-scrollLeft}}px’

表体横向滑动时

bindscroll,将scrollLeft

=

e.detail.scrollLeft

,然后setdata

缺点:有延迟,滑动有惯性时对不齐,频繁使用setdata在性能较低的手机上回出现卡顿

回到顶部