HTML页面中出现多个横向滚动条时，使其在滚动其中一个时，其余也一起滚动。横向滚动条事件获取。

介绍

修改前

这里我们需要做个操作，将广州折线图移动时，下面的其他也一同做滚动。

目标效果图

解决方法

1. 首先将每一个折线图的div添加一个统一的class，如：jxt-div

2. 在<script>标签中添加如下方法

$('.jxt-div').scroll(function () {
            //获取拖动的滚动条，距离左边的位置
            let scrollLeft = $(this).scrollLeft();
            let scrollObj = $(this);
            //将其他的滚动条，移动到相同的位置
            $('.jxt-div').each(function () {
                let currentObj = $(this);
                if (currentObj !== scrollObj) {
                    currentObj.scrollLeft(scrollLeft);
                }
            });
        });

注意： 这里尽量使用jquery来解决获取拉动方法，js中的windows.onscroll仅支持上下滑动响应事件