![](https://img-blog.csdnimg.cn/img_convert/9a1df04c3f622500825c2fe3c1c2e61d.png)
第一步:为两个表格添加用于区分的class
![](https://img-blog.csdnimg.cn/img_convert/467df3504b14e72eaf1a73664e589b37.png)
第二步:获取两个表格的dome节点元素,用监听事件监听两个表格的滚动scroll事件,调用firstTableScrollHandler()和secondTableScrollHandler()事件来计算各自滚动条左移的距离。
![](https://img-blog.csdnimg.cn/img_convert/56b77126767dc2381f415a38dd23dbbb.png)
第三步:在firstTableScrollHandler()和secondTableScrollHandler()函数中计算滚动的距离并赋值给要跟着滚动的对应dome节点元素。
![](https://img-blog.csdnimg.cn/img_convert/eea9ee3e855571d0721ced8744259baa.png)
第四步:关闭弹框或页面时移除监听事件。
![](https://img-blog.csdnimg.cn/img_convert/6744d79445cb9cfe8ee187a049664b1a.png)
第五步:在组件挂载时调用syncScroll方法,开始监听表格的滚动事件。