移动端table表格设置左右滑动后，在table区域不能触发页面的上下滚动

如题，在手机端如果table表格设置了左右方向的滚动后就会出现在表格区域上下滑动（touchmover事件）触发不了页面的滚动了的情况

解决方法如下，在table的css样式中加入两行：
overflow-y:hidden;
touch-action: pan-y pan-x;

table {
      text-align: center;
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      max-width: 686px;
      overflow-x: scroll;
       display: block;
      overflow-y: hidden;
      touch-action: pan-y pan-x;
}

这样页面就能正常滚动了

如果这篇文章对你有帮助记得点赞哦