移动端问题的一些解决方法总汇

 

一、隐藏滚动条

.className::-webkit-scrollbar{
    display: none;
}

　　

二、禁止触发默认手势的操作

touch-action: none

https://zhuanlan.zhihu.com/p/53660071

 

三、pointer-events 禁止长按保存图片

pointer-events 主要的用途还是穿透元素，该 pointer-events 属性允许用户穿过遮罩点击到下面的目标元素。

在移动端html中，浏览器自带的长按保存图片功能，即使是让图片作为 div 的一个背景都会被触发，所以可以使用事件穿透，来禁掉长按保存图片。pointer-events: none; 就可以了

四、user-select: none 禁止选中文本

 五、修改鼠标颜色

input{ 
  caret-color: red; 
}