问题
手机调试时 , 发现无法上下滑动 , 以致于下面内容无法显示的问题 .
touch-action:none ; 属性导致, 去掉就好了.
CSS属性 touch-action 用于设置触摸屏用户如何操纵元素的区域(例如,浏览器内置的缩放功能)。
只是禁止了触摸事件 , 实际如果有鼠标的话 , 利用鼠标滑轮 , 还是可以上下滑动 , 但是并不可以触摸上下滑动 .
动画演示:
![在这里插入图片描述](https://img-blog.csdnimg.cn/5ca467979c574a16af5ca015dd1cc6b4.gif#pic_center)
参考文档
深入理解 CSS 属性:touch-action
touch-action - CSS(层叠样式表) | MDN