當兩個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");
});