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

vue中改变滚动条样式(CSS3)滚动条样式: ::-webkit-scrollbar ——> 滚动条整体部分 ::-webkit-scrollbar-thumb ——> 滚动条⾥⾯的⼩⽅块,能向上向下移动(或向左向右移动,取决于是垂直滚动条还是⽔平滚动条) ::-webkit-scrollbar-track ——> 滚动条的轨道 ::-webkit-scrollbar-button——> 滚动条的轨道的两端按钮,允许通过点击微调⼩⽅块的位置。 ::-webkit-scrollbar-track-piece ——> 内层轨道,滚动条中间部分(除去) ::-webkit-scrollbar-corner ——> 边⾓,即两个滚动条的交汇处 ::-webkit-resizer ——> 两个滚动条的交汇处上⽤于通过拖动调整元素⼤⼩的⼩控件例如: 缺点: IE浏览器、⽕狐浏览器不⽀持,⽬前只测试出来这两个浏览器不⽀持

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

vue中改变滚动条样式(CSS3)滚动条样式: ::-webkit-scrollbar ——> 滚动条整体部分 ::-webkit-scrollbar-thumb ——> 滚动条⾥⾯的⼩⽅块,能向上向下移动(或向左向右移动,取决于是垂直滚动条还是⽔平滚动条) ::-webkit-scrollbar-track ——> 滚动条的轨道 ::-webkit-scrollbar-button——> 滚动条的轨道的两端按钮,允许通过点击微调⼩⽅块的位置。 ::-webkit-scrollbar-track-piece ——> 内层轨道,滚动条中间部分(除去) ::-webkit-scrollbar-corner ——> 边⾓,即两个滚动条的交汇处 ::-webkit-resizer ——> 两个滚动条的交汇处上⽤于通过拖动调整元素⼤⼩的⼩控件例如: 缺点: IE浏览器、⽕狐浏览器不⽀持,⽬前只测试出来这两个浏览器不⽀持