Javascript 当在其他不可滚动的div上滚动时，如何滚动可滚动的div？

我知道这个问题听起来很困惑，但我想做的是——在下面的代码片段中，如果用户在绿色div上滚动，我希望黄色div也相应地滚动，就像黄色div被滚动一样

请注意，黄色div有

溢出：auto但是绿色的那个没有


document.getElementById（'green'）.addEventListener（'wheel'，函数（e）{
log（'scrolled！'）；
console.log（e.deltaX）；//它总是“-0”
//相应地滚动div#黄色
});
#黄色{
背景颜色：黄色；
显示：内联块；
宽度：200px；
高度：200px；
溢出：自动；
垂直对齐：顶部；
填充20px；
}
#绿色的{
背景颜色：绿色；
显示：内联块；
宽度：100px；
高度：200px；
垂直对齐：顶部；
}

一,

二,

三,

四,

五,

六,

七,

八,

九,

十,

试试这个

document.getElementById（'green'）.addEventListener（'wheel'，函数（e）{
console.log（e.deltaY）；//它总是“-0”
//相应地滚动div#黄色
document.getElementById（'yellow'）.scrollTop+=e.deltaY；
});
#黄色的{
背景颜色：黄色；
显示：内联块；
宽度：200px；
高度：200px；
溢出：自动；
垂直对齐：顶部；
填充20px；
}
#绿色的{
背景颜色：绿色；
显示：内联块；
宽度：100px；
高度：200px；
垂直对齐：顶部；
}
一,

二,

三,

四,

五,

六,

七,

八,

九,

十,

一,

二,

三,

四,

五,

您正在尝试获取
deltaX
属性，垂直滚动所需的是
deltaY
属性

document.getElementById('green').addEventListener('wheel', function(e){
  e.preventDefault();
  document.getElementById('yellow').scrollTop += e.deltaY * 10;
});

也许可以尝试覆盖窗口上的滚动事件，这是CSS唯一的方法，将
#黄色
fixed:
position:fixed
。制作了一个非常符合要求的插件@但这并不能解决问题。我要给绿色部门看看。哇，在过去的6个小时里我一直在找这个。在为我自己的问题修改了一个完美的标题之后，我向stack建议了这个问题！我只是好奇这个解决方案如何与jQuery一起工作<代码>$（“.green”）。在（“控制盘”上，函数（e）.
似乎没有
e.deltaY
？
document.getElementById('green').addEventListener('wheel', function(e){
  e.preventDefault();
  document.getElementById('yellow').scrollTop += e.deltaY * 10;
});