带有scroll-x的容器内的点击地图的图像：自动在iOS＆amp;苹果浏览器

Question

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

这个错误有解决方法吗？或者我们需要用SVG替换实现或者在图像顶部放置绝对定位的元素？

Answer 1

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