表格中操作栏悬浮实现

表格中操作栏悬浮实现

产品提出的需求:
因为一个表格中的字段比较多,会出现滚动条,然后操作栏都在最后一栏,所以用户使用起来会有不便
希望能够是操作栏悬浮,然后当滚动条滚到最后的时候,又不悬浮


这就很操蛋,之前做banner 的悬浮可以直接用fixed,根据视口去进行固定悬浮

但是这个是根据表格进行固定悬浮
而且一会悬浮,一会又不悬浮

解决方案:
使用 position:sticky属性实现
1.先写出悬浮的样式类

        .th-sticky{
   
            position: sticky;
            background-color: #e8e8e8;
            right: 0;
            box-shadow: 0px 3px 7