html滚动条固定前几行,使用elementui的table，固定前三行（这个几行可以自己自定义），其余的都从下往上无间隙滚动...

1.固定前三行。

解决办法：使用两个table，第一个table只显示前三行，其余的隐藏，第二个table隐藏前三行，其余的都显示，这样就做到了固定

2.除了前三行固定，其余的都滚动。

解决办法：2-1.可以使用vue-seamless-scroll这个无缝滚动插件，本人测试过时可以使用的，有需要请看链接https://blog.csdn.net/tianbushengyinuo/article/details/108245275

解决办法：2-2.可以使用自定义的js滚动，因为我开发的这个项目是看板，功能是：当一个页面的表格滚动完后，要立刻请求另外的数据，所以要判断页面滚动到底部的时候，我网上找了很多，包括vue-seamless-scroll这个无缝滚动插件也没有判断滚动到底部的情况，所以本人使用了js原生来开发，下面讲解第二种方法

步骤1.html代码

border

:cell-style="{ textAlign: 'center', color: '#333333', fontSize: '34px', height: '100%', backgroundColor: '#E1F6FF' }"

:header-cell-style="{

textAlign: 'center',

color: '#000000',

fontWeight: '400',

fontSize: '40px',

height: '100%',

padding: '0px !important',

backgroundColor: '#EEEEEE'

}"

:row-style="getRowStyle"

resizable

:data="tableData"

>

{ { scope.row.dayTerm }}

{ { scope.row.groupType }}

{ { scope.row.groupName }}