在带有 scroll-x 的容器内带有点击图的图像：auto 在 iOS 和 Safari 中不起作用

Question

我们有一张不适合移动设备的宽图像（调色板），因此我们将图像放在带有水平滚动条的容器中。它适用于除 iOS 和 Safari 之外的任何地方。当用户使用这些浏览器从图像的可点击区域开始拖动时，容器不会滚动。但是，当用户从不可点击的区域开始拖动时，容器会正确滚动。如果我完全删除地图，容器也可以正常滚动。

是否有针对此错误的解决方法？或者我们需要将实现替换为 SVG 或图像顶部的绝对定位元素？

Answer 1

我们最终在图像顶部放置了绝对定位的 div，效果很好。