css控制div产生滚动条的方法

.div{

    width:100%;

    height:200px;

    overflow-x:hidden;

    overflow-y:auto;

}

 

/*兼容IE*/

.div{

    scrollbar-face-color: #20a774;/*移动滑块颜色*/

    scrollbar-shadow-color: #20a774;/*移动滑块边框颜色*/

    scrollbar-track-color: #ccc;/*背景颜色*/

    scrollbar-arrow-color: #ddd;/*箭头颜色*/

}

.div::-webkit-scrollbar-track

{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    background-color: #ccc;

}/* 滚动条的滑轨背景颜色 */

.div::-webkit-scrollbar

{

    width: 6px;

    background-color: #ccc;

}

 

.div::-webkit-scrollbar-thumb

{

    background-color: #20a774;

}/* 滑块颜色 */