html页面，能用鼠标滚轮滑动，但是不能触屏滑动

2021-4-27：在进行页面调试的时候，发现这个页面用滚轮可以滑动，但是用鼠标去模拟触屏下拉却不行了。最后在 https://www.cnblogs.com/tu-0718/p/7411907.html 找到问题所在，记录下来
1.检查是否给你外面的div加上属性overflow-y: scroll;
overflow属性规定当内容溢出元素框时发生的事情；
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。
2.查看是否禁用了滑动事件 touch-action: none;，如果有这个，则去掉。或者换成你想要的操作具体
touch-action属性规定用户能否以及如何操作页面上的指定区域
auto：默认值。浏览器允许一些手势（touch）操作在设置了此属性的元素上，例如：对视口（viewport）平移、缩放等操作。
none：禁止触发默认的手势操作。
pan-x：可以在父级元素(the nearest ancestor)内进行水平移动的手势操作。
pan-y：可以在父级元素内进行垂直移动的手势操作。
manipulation：允许手势水平/垂直平移或持续的缩放。任何auto属性支持的额外操作都不支持