同步滚动的解决方案

问题引入

部分场景需要用到两个文本输入框联动滚动的情况,如下:


同步滚动的解决方案_第1张图片
scroll.gif

关键属性

scrollTop 可读可写的dom属性,标识元素滚动距离顶部的距离。

实现思路

1.将两个需要同步滚动的元素分别绑定上onScroll,监听event变化,以及用于获取dom的id