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

苹果⼿机滚动条样式⽆效⽹上查了⼀些资料，提到的很少，应该是苹果⼿机 ios系统升级到 13.0版本后

-webkit-overflow-scrolling: touch; 会导致滚动条⾃定义样式⽆效

-webkit-overflow-scrolling: auto; 或者不写这个，如果还是⽆效，添加下⾯的红⾊样式部分，添加⼀处就可以，如果有其他的解决⽅式欢迎留⾔告知

下⾯的写法才可以::-webkit-scrollbar{　width: 4px!important; height: 4px!important; background-color: #F5F5F5;　border: 4px solid transparent; background-clip: content-box;}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{　background-color: red; border-radius: 2px; border: 4px solid transparent; background-clip: content-box;}

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

苹果⼿机滚动条样式⽆效⽹上查了⼀些资料，提到的很少，应该是苹果⼿机 ios系统升级到 13.0版本后

-webkit-overflow-scrolling: touch; 会导致滚动条⾃定义样式⽆效

-webkit-overflow-scrolling: auto; 或者不写这个，如果还是⽆效，添加下⾯的红⾊样式部分，添加⼀处就可以，如果有其他的解决⽅式欢迎留⾔告知

下⾯的写法才可以::-webkit-scrollbar{　width: 4px!important; height: 4px!important; background-color: #F5F5F5;　border: 4px solid transparent; background-clip: content-box;}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{　background-color: red; border-radius: 2px; border: 4px solid transparent; background-clip: content-box;}