当两个div在移动设备中一个放在另一个上时，如何使用CSS滚动悬停的div？

Question

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

案例1：
用户在黄色div上滚动，只滚动黄色内容。 （按预期工作）

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

案例3：
当Red div上的滚动完成后，再进一步滚动黄色div的内容开始滚动。

当用户触摸红色时，我需要实际锁定黄色div的滚动 有什么建议？

Answer 1

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

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