适配pc和移动的官网项目(解决同一元素touch事件穿透影响mouse事件和元素不能滚动==横向滚动)

看了网上非常多的解决方案，都是通过js来解决，我根据这些方案尝试解决，但是啥也不是

滚动条隐藏的css 

::-webkit-scrollbar {/*隐藏滚轮*/

    display: none;

  }

使用媒体查询判断当前是适合移动还是pc

pc端css   touch-action: none;

移动端css pointer-events: none;

可以绑定touch事件  addEventListener 动态设置