Html 手指拖动比视图宽很多倍的背景层，仅在图像末端启用捕捉

抱歉如果之前有人回答过，我没有看到任何与之完美匹配的东西。我已经找到了大量的资源，用于捕捉到当前帧边缘的滑块，但不是我下面的要求

构建具有以下内容的简单网页的最佳方法是什么：

一个填充整个屏幕的顶层，有一个显示背景层的“洞”

背景层必须可水平拖动/旋转

背景层比视口宽很多倍，因此我不希望在到达图像边缘之前进行任何捕捉

我制作了一个小小的gif模型来展示我的想法

---

谢谢你的帮助

我预见到的最大问题之一是“穿过”顶层。我最大的问题之一是如何使顶层对触摸命令不可见到孔。但这在Android AFAIK中可能不起作用。解决了我的“拖拉”担忧。为顶层元素指定指针事件：无；css类使触摸/拖动不可见。