css - 图像叠加：高度 > 100%。不在 Safari 中滚动，而是在 Chrome/Firefox 中滚动
问题描述
我正在尝试实现一个覆盖在彼此下方的全屏图像。它需要滚动。但是滚动在 Safari 中不起作用。它适用于 Chrome/Firefox。我只测试了最新版本。
试图使演示更简单，删除 ImageSrcset 但它没有帮助。
Codesandbox（请在新窗口/标签中打开浏览器查看问题）： https ://codesandbox.io/s/github/secretlifeof/react-overlay-images/tree/master/?fontsize=14
Github 仓库： https ://github.com/secretlifeof/react-overlay-images
我是否需要实现滚动锁定以使底层不会尝试滚动？我试图看看其他人是如何实现覆盖的，但我不明白这个实现有什么不同。
版本： Safari：v12.1.2