设计最大高度,当超出时出现滚动条,设置滚动条样式

时间:2021-04-04 23:13:36
 
 
/*超过400px滚动条出现*/

max-height:400px;
overflow:auto;
/*修改滚动条样式*/
.myscroll_wrap::-webkit-scrollbar,.pop .pop_content::-webkit-scrollbar{width:7px;height:7px;}
.myscroll_wrap::-webkit-scrollbar,.pop .pop_content::-webkit-scrollbar-track{border-radius:5px;background:#ddd;}
.myscroll_wrap::-webkit-scrollbar,.pop .pop_content::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(153,153,153,.5);}
.myscroll_wrap::-webkit-scrollbar:hover,.pop .pop_content::-webkit-scrollbar-thumb:hover{background:rgba(102,102,102,.6);}
.myscroll_wrap::-webkit-scrollbar:active,.pop .pop_content::-webkit-scrollbar-thumb:active{background:rgba(102,102,102,.6);}