js实现 固定表头，拖动部分内容

1.首先了解：如何让内容可拖动

      原理很简单，用div的css属性 overflow:scroll

      给div设置固定大小，当div的内容超出范围时，会自动出现滚动条，使内容可拖动

2.然后了解：如何让 “连动的内容” 随着 “可拖动的内容” 一起连动

      设置滚动条的位置属性 scrollTop, scrollLeft

3.具体步骤：

      a. 用div将 “固定内容” ， “连动的内容” ， “可拖动的内容” 分离，并固定大小

      b. “连动的内容” 设置div属性 overflow:hidden ; “可拖动的内容” 设置div属性 overflow:scroll

      c. 给 “可拖动的内容” 绑定js事件 οnscrοll="连动div.scrollTop = 可拖动div.scrollTop"

4.将 表头 与 表体 分离到div的简洁方式：