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

Question

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

情况1：
用户在Yellow div上滚动，仅滚动yellow的内容。 （按预期工作）

情况2：
用户在Red div上滚动，仅滚动red的内容。 （按预期工作）

情况3：
当Red div上的滚动完成时，然后进一步滚动Yellow div的内容就开始滚动。

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

Answer 1

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

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