Mac Chrome

默认情况，Mac Chrome 浏览器隐藏滚动条，通过以下样式，可以设置为一直显示，

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
::-webkit-scrollbar-thumb {
	border-radius: 1em;
	background-color: rgba(50, 50, 50, 0.3);
}
::-webkit-scrollbar-track {
	border-radius: 1em;
	background-color: rgba(50, 50, 50, 0.1);
}

div内容超出后自动显示滚动条

默认鼠标移动到容器才显示滚动条

1）不展示

2）展示

代码如下：

.sub-msg{
    max-height :208px
    overflow:auto
}
.sub-msg::-webkit-scrollbar{

    height: 14px;
    width:6px
}
.sub-msg::-webkit-scrollbar-thumb{
    background-color: #999;
    border-radius: 10px;
}
.sub-msg::-webkit-scrollbar-track{
    border-radius: 10px;
}