纯css禁止用户复制文字和保存图片，使用css隐藏移动端滚动条的方法

1、纯css禁止用户复制文字和保存图片

body{
    
    
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}

-webkit-touch-callout主要用于禁止长按菜单。当然针对webkit内核的浏览器。

user-select属性是css3新增的属性，用于设置用户是否能够选中文本。

2、使用css隐藏移动端滚动条的方法

//  滚动盒子
.wrapper {
    
    
    height: calc(100% - 68px);
    overflow: hidden;
    overflow-y: scroll;

    .wrapper-box {
    
    
        -webkit-overflow-scrolling: touch;
    }

    &::-webkit-scrollbar {
    
    
        display: none;
    }
}