前端界面css自定义滚动条样式

#scrollbar{

                width:450px;

                height:300px;

                margin:100px auto;

                border: 1px #eee solid;

                background-color:#eee;

                display:inline-block;

                overflow: auto;

                -webkit-overflow-scrolling : touch; 

            }

            /*凹槽宽度*/

            #scrollbar::-webkit-scrollbar{

                width:8px;

                height:8px;

            }

            /*拖动条*/

            #scrollbar::-webkit-scrollbar-thumb{

                background-color:#ccc;

                border-radius:6px;

            }

            /*背景槽*/

            #scrollbar::-webkit-scrollbar-track{

                background-color:#ddd;

                border-radius:6px;

            }