Javascript 侦听溢出的滚动事件：隐藏元素

我正在尝试在两个单独的面板/分区之间同步滚动

一个元素有

溢出：auto

，而另一个元素有

溢出：hidden

（有点像试图复制一个带有冻结列的网格）

当事件发生在元素中时，我可以使用

溢出：自动

同步滚动条，但不能使用

溢出：隐藏

同步滚动条（如果您要求，这是正常的）

但是，是否有解决方法？我想同步双向滚动

这里有一把小提琴可以说明我的问题（尝试在两个面板中滚动）：

---

而且，这件事似乎已经在这里发生了：但我不明白他们是怎么做的。

我想你不需要jQuery来做这件事

看这里：

我已经从面板中删除了

位置：绝对

和

溢出

属性，并添加了

浮动：左

使其内联（也可以使用

显示：内联块

），并向容器中添加了

高度：400px

、

宽度：417px

和

溢出：自动

容器的宽度设置为

417px

，而不是

400px

，因为滚动条占用17个像素的空间（在所有浏览器中根据需要）

---

工作得很漂亮。这就是您想要的吗？

也许您应该利用在滚动鼠标滚轮时触发的事件，而不管视图的部分是否已滚动。

$("#panel-left > table").on('wheel', function (e) { 
     // your logic here
}