默认滚动条的样式如下:
怎么修改? 以下代码:
div class='inner '
div class='innerbox '
p style='height:200px;' 这是内容111/p
p style='height:400px;' 这里为内容222/p
p这里为内容333/p
/div
/div
. inner{
width: 265px;
height: 400px;
位置: absolute;
top: 33px;
left: 13px;
Overflow :隐藏;
}
. innerbox{
overflow-x :隐藏;
overflow-y :自动;
color: #000;
字体大小:7 rem;
font-family : '5 FAE8f6f96 C59e D1 ',Helvetica,'黑体',Arial,Tahoma;
height: 100%;
}
/*滚动条样式*
. inner box :3360-WebKit-scroll bar {
width: 4px;
/*height: 4px; */
}
. inner box :-WebKit-scroll bar-thumb {
border-radius: 10px;
- WebKit-box-shadow : inset 005 px rgba (0,0,0.2 );
后台: rgba (0、0、0、0.2 );
}
. inner box :3360-WebKit-scroll bar-track {
- WebKit-box-shadow : inset 005 px rgba (0,0,0.2 );
border-radius: 0;
后台: rgba (0、0、0、0.1 );
}
效果如下。
介绍滚动条的一些属性。 主要有以下七个属性
整个:-webkit-scrollbar滚动条, 宽度什么的:-WebKit-scroll bar-button滚动条两端的按钮:3360-WebKit-scroll bar-track外层轨道3:3360-WebKit-scroll bbar 有关定义达德3360:-WebKit-scroll bar-corner角:-webkit-resizer右下角拖动块样式的技术问题,请参阅http://sucai.gxyoururrer