CSS 兼容各浏览器隐藏滚动条，保持滚动效果

HTML结构：

<div class="outer_container">
    <!-- 在 inner_container 上设置滚动，
    上面的 outer_container 是为了兼容某些浏览器隐藏滚动条
    而需要额外增加的父元素 -->
    <div class="inner_container">
        <div>111</div>
        <div>111</div>
        <div>111</div>
    </div>
</div>

CSS：

// 隐藏滚动条，兼容 chrome 和 safari 浏览器
::-webkit-scrollbar {
    display: none;
}

.outer_container{
    overflow: hidden; // 兼容其他浏览器隐藏滚动条
}

.inner_container{
    overflow-x: hidden;
	overflow-y: auto; // 设置垂直方向上的滚动条
    scrollbar-width: none; // 兼容火狐
    -ms-overflow-style: none; // 兼容IE10+
    /*  解决 ios 上滑动不流畅 */
    -webkit-overflow-scrolling: touch;
    padding-bottom: 25px;
}