最近移动端做一份报表，需要左右滚动时，固定左边部分；上下滚动时，固定头部部分。
代码在Vue中简单实现
主要思路是:
a.左边部分滚动，实时修改右边部分的滚动条高度
b.头部和内容部分都设置固定高度，当内容部分内容高度大于设置的高度时，产生滚动条
c.左右部分也设置固定宽度，左边设置固定宽度，右边设置成窗口的宽度减去左边部分的宽度，当右边部分的宽度大于设置的宽度时产生滚动条
扩展思路：
a.监控左右（x）滚动条滚动到右边边缘时，可以触发事件(如：加载下一批数据)
b.监控上下（y）滚动条滚动到下边边缘时，可以触发事件(如：加载下一页数据)
……
还可以定时器监控左右的滚动条高度是否一致，修改成一致（防止不同浏览器的兼容问题）
效果图如下：
代码如下：
我是左head for="i in 40" > 「{{i}}」左b 我是右head for="i in 40" > for="n in 5">「{{i}}」右「{{n}}」body
京公网安备 11010802041100号