2023年6月20日发(作者:)

css溢出滚动条显⽰,修改滚动条样式⽂本或者内容溢出滚动条显⽰:a/横纵都出滚动条:css添加属性{overflow:auto;}b/横向滚动条:css添加属性{overflow-x:auto;}c/纵向滚动条:css添加属性{overflow-y:auto;}

修改滚动条样式:

  ::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条⾥⾯的⼩⽅块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是⽔平滚动条)::-webkit-scrollbar-track 滚动条的轨道(⾥⾯装有Thumb)::-webkit-scrollbar-button 滚动条的轨道的两端按钮,允许通过点击微调⼩⽅块的位置。::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去)::-webkit-scrollbar-corner 边⾓,即两个滚动条的交汇处::-webkit-resizer 两个滚动条的交汇处上⽤于通过拖动调整元素⼤⼩的⼩控件

2023年6月20日发(作者:)

css溢出滚动条显⽰,修改滚动条样式⽂本或者内容溢出滚动条显⽰:a/横纵都出滚动条:css添加属性{overflow:auto;}b/横向滚动条:css添加属性{overflow-x:auto;}c/纵向滚动条:css添加属性{overflow-y:auto;}

修改滚动条样式:

  ::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条⾥⾯的⼩⽅块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是⽔平滚动条)::-webkit-scrollbar-track 滚动条的轨道(⾥⾯装有Thumb)::-webkit-scrollbar-button 滚动条的轨道的两端按钮,允许通过点击微调⼩⽅块的位置。::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去)::-webkit-scrollbar-corner 边⾓,即两个滚动条的交汇处::-webkit-resizer 两个滚动条的交汇处上⽤于通过拖动调整元素⼤⼩的⼩控件