禁用iframe上的触摸，但保持点击能力

Question

我有一个iframe阻挡了下面的图层，并且不允许它在手机和平​​板电脑设备中通过触摸滚动。有没有办法只使用iframe的类名或持有它的div的类名来禁用iframe？

Answer 1

使用CSS pointer-events禁用元素上的任何触摸事件：

iframe {
  pointer-events: none;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

JSFiddle示例：

<强> http://jsfiddle.net/eyync6mp/2/