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

Question

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

案例一:
用户在黄色 div 上滚动，只有黄色的内容滚动。 (按预期工作)

案例二:
用户在红色 div 上滚动，只有红色的内容滚动。(按预期工作)

案例三:
当红色 div 上的滚动完成后，进一步滚动黄色 div 的内容开始滚动。

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

Answer 1

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

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