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

Question

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

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

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

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

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

Answer 1

捕获红色div的on hover事件并锁定黄色div的滚动

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