方法一:最简单的,但是不兼容IE,火狐,直接通过伪元素去除滚动条样式

在要清除滚动条的元素后,添加::-webkit-scrollbar{display:none}即可

方法二:通过盒子嵌套,外部盒子(溢出隐藏),内部盒子(溢出滚动)实现

内部盒子故意设置的比外部盒子的宽高稍微大x,这个x=滚动条的宽度,从而利用外部盒子的溢出隐藏把这个滚动条隐藏掉
     /* 外部盒子 */
    #box1{
        width:100px;
        height:100px;
        overflow:hidden;
        }
     /* 内部盒子 */
    #box1{
        width:117px;
        height:117px;
        overflow:scroll;
        }

    从这里可以看到,内部盒子比外部盒子的宽高要大那么17px,这个17px就是滚动条的宽度,从而达到隐藏的目的