uniapp scorll-view修改滚动条样式无效

解决

uni-app的scroll-view渲染出来会多一层类名.uni-scroll-view,需要样式穿透:

// scss 

.scroll-view上的类名 {
    
    
	/deep/ .uni-scroll-view {
    
    
		&::-webkit-scrollbar {
    
    
			width: 8rpx;
			// height: 13px;
			border-radius: 22rpx;
		}
	
		&::-webkit-scrollbar-thumb {
    
    
			width: 8rpx;
			border-radius: 22rpx;
			background: #8095BF;
		}
	
		&::-webkit-scrollbar-track-piece {
    
    
			margin-top: 26rpx;
			background: rgba(33, 69, 143, 0.1);
			border-radius: 22rpx;
		}
	}
}

官方文档就提了一句可以通过-webkit-scrollbar修改,望山跑死马,我找半天才找到问题!Damn!

猜你喜欢

转载自blog.csdn.net/weixin_54858833/article/details/128331594