Javascript 在mobile中，当两个div一个放置在另一个上方时，如何使用CSS滚动悬停的div？

我的情况是有两个div 黄色div和红色div，如下图所示

案例1： 用户在黄色div上滚动，仅滚动黄色的内容。工作如期进行

案例2： 用户在红色div上滚动，只滚动红色的内容。按预期工作

案例3： 当红色div上的滚动完成时，进一步滚动黄色div的内容开始滚动

我需要在用户的触摸为红色时锁定黄色div的滚动条。

---

有什么建议吗

捕获红色div的悬停事件并锁定黄色div的滚动

$("#redDiv").hover(function(){
     $("#yellowDiv").css("overflow-y","hidden");
});

---

把你的代码放在一把小提琴上