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属性支持的额外操作都不支持