css3_设置滚动条隐藏的样式

HTML部分

<div class="chat">
	<div class="chat-window"></div>
</div>

CSS部分

.chat{
	width: 100%;
	height: 100%;
}
.chat-window{
	width: 100%;
    height: calc(100% - 100px);
    overflow: auto;
}
/*-webkit 兼容chrome（谷歌）*/
.chat-window::-webkit-scrollbar {
    width: 0;
}
/*-o 兼容opera（欧鹏）*/
.chat-window::-o-scrollbar {
    width: 0;
}
/*-moz 兼容firefox（火狐）和 safari（苹果）*/
.chat-window::-moz-scrollbar {
    width: 0;
}
/*兼容IE游览器*/
.chat-window{
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    overflow: auto;
}