JS实现table表格固定表头且表头随横向滚动而滚动

/**     * 最重要的一点是头和身体是两个table 然后定位用relative 然后通过滚动来计算     * */      function FixedHead (){        if( !(this instanceof FixedHead) ){          return new FixedHead()        };        this.$dom = $('.dataTables_scrollHead'); // 表头外层dom        this.offsetTop = this.$dom.offset().top; // 表头外层dom距离顶部的高度        this.parents = this.$dom.parents('.dataTables_scroll'); // 表头外层dom最外面的盒子（包裹着table的盒子）        this.outBoxHeight = this.parents.height(); // 表头外层dom最外面的盒子（包裹着table的盒子）的高度        this.maxHeight = this.offsetTop + this.outBoxHeight; // 滚动的零界点 最多能滚动到哪里        this.scroll();      }      FixedHead.prototype = {        constructor: FixedHead,        scroll: function(){          var that = this;          $(window).scroll(function(){            var scrollTop = $(this).scrollTop();            if((scrollTop > that.offsetTop) && (scrollTop < that.maxHeight)){              that.$dom.css('top', (scrollTop - that.offsetTop + 50)+'px') // 这个50是因为我的头部导航固定在顶部 高是50 所以要加上            }else {              var topCss = that.$dom.css('top');              if(topCss === '0px' || topCss === 'auto'){              }else {                that.$dom.css('top', '0px')              }            }          })        }      }