首页 > 编程知识 正文

js点击按钮(css纵向滚动条)

时间:2023-05-03 21:22:43 阅读:68856 作者:2410

更改css滚动条的样式很常见,首先需要了解滚动条的某些属性滚动条的配置。-webkit-scrollbar整个滚动条

:-WebKit-scroll bar-thumb滚动条中的小方块,可上下左右移动

: -维基百科- scroll bar-track滚动条轨道

可以通过单击:3360-WebKit-scroll bar-button滚动条轨道两端的按钮来微调小四边形的位置

:3360-WebKit-scroll bar-track-piece内层轨道、滚动条的中间部分(除外) ) ) ) ) ) ) ) ) ) ) )。

:-WebKit-scroll bar-corner角点和两个滚动条的触点

:-webkit-resizer中两个滚动条交叉点的控件,用于通过拖动调整元素大小

//table-box为父代,全局直接使用:3360-WebKit-scroll bar.table-box 33603360-WebKit-scroll bar { width 336040 px } - WebKit-box-shadow : inset 05 pxlinear-gradient (RGB (126、238、255 )、RGB (83、155、255 ) )背景图像255 ) }.table-box :3360-web kkkk border-radius : 0; 后台: RGB (26,31,40 ); }效果图(稍微粗糙、渐变滚动条) ) ) )。

如果需要隐藏滚动条//,请在:之前与父类的class名称一起使用:3360-WebKit-scroll bar { border-width :1 px; }

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。