modal防穿透问题怎么处理

Question

页面上有张图片和按钮，鼠标滚动可以实现图片的缩放，点击按钮打开模态框。模态框中是可以滚动的表格，当鼠标滚动时，表格中的内容滚动的同时，图片也会进行缩放，请问这种情况要怎么解决？模态框为antd design中的modal组件

Answer 1

这属于滚动穿透问题，社区提出了很多解决方案

Answer 2

个人想法是给滚动事件限定容器

Answer 3

closelayer(e) {

var el1 = event.currentTarget;
var el2 = event.target;
if (el1 == el2) {
  //do something
}

}
el1是点击对象
el2是目标对象