我在页面上有一个iframe，该iframe设置为通常计算得出的高度，该高度通常高于窗口，它周围的页面可以上下滚动以查看完整的iframe，因此效果很好。但是，iframe中有一个嵌套的div，其高度已设置，但是其内容可以滚动。特别是在iO上，当在iframe中滚动嵌套的可滚动div时，一旦我到达该div的底部或顶部，然后尝试继续滚动页面的其余部分，它将无法正常工作。这是有问题的，因为此内部可滚动div有时也比窗口高，因此，如果占据整个屏幕，则基本上只能滚动该div而根本无法滚动其余页面。
这里是一个代码沙箱，用于显示我的实际外观的粗略布局，但清楚地说明了问题。
https://codesandbox.io/s/jolly-kalam-t6wtj
在iO的新标签页中打开预览以查看问题。我尝试了许多“修复”，但是一旦内部可滚动div位于末尾，则没有什么可以让我继续在iframe上滚动页面