css / 隐藏滚动条并且保留滚动功能

方法1：

适用于谷歌等使用webkit内核的浏览器

element::-webkit-scrollbar {display:none}

方法2:

给元素套一个固定宽高的父元素，并且设置溢出隐藏，让子元素的宽度比父元素宽20个像素（滚动条的宽度），这样子元素滚动条出现时就会溢出父元素并被父元素隐藏起来。
适用于所有浏览器

<div class="outer-container">
    <div class="inner-container">
    </div>
</div>

.outer-container {
	width: 20px;
	height: 100%;
    position: relative;
    overflow: hidden;
}
.inner-container {
	width:220px;
	height:100%;
    position: absolute; 
    left: 0;
}