在需要设置滚动条的部分添加:
overflow-y: auto;
如果想隐藏x轴:
overflow-x: hidden;
添加滚动条伪类修改样式:
/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 6px; height: 3px; background-color: #2c3e50; } /*定义滑块颜色+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #999999a8; } /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track { border-radius: 10px; background-color: #2c3e50; }
伪类样式加在当前标签下。