Html Fancybox使拆分屏幕布局滚动位置重置为顶部

我的布局有两个可滚动的列，其中包含使用Fancybox 3显示的文本和缩略图。当Fancybox覆盖打开时，列的滚动位置将重置为顶部，而不是停留在原来的位置

下面是代码，并演示了问题

固定收割台
向下滚动
向下滚动
向下滚动
向下滚动
向下滚动

向下滚动
向下滚动
向下滚动
向下滚动
向下滚动

html，
身体{
身高：100%；
}
.ma水疗外箱{
显示器：flex；
弯曲方向：立柱；
身高：100%；
宽度：100%；
}
.ma水疗内胆{
显示器：flex；
溢出：隐藏；
身高：100%；
宽度：100%；
}
马斯帕上校酒店{
身高：100%；
宽度：100%；
溢出y：滚动；
} 

我尝试了Fancybox的自动对焦和后对焦选项，没有效果。尝试删除可滚动列，获得预期行为，在Fancybox覆盖关闭后滚动位置保持不变。如果我从css中删除“html”：

html，
身体{
身高：100%；
}

---

然后我得到了正确的行为，但是两列的滚动条松动了，页面作为一个整体滚动，这违背了我的目的

以上链接的答案不适用于我（适用于fancybox 2，引用的行在fancybox 3中不存在）

相反，我在jquery.fancybox.css中注释掉了这一行：

.fancybox处于活动状态{
//高度：自动；
}

Fix：