uni设置scroll-view滚动条样式

心想事成--

已于 2022-10-20 19:25:07 修改

阅读量1.1k

点赞数

文章标签：前端 javascript html

于 2022-10-12 14:25:09 首次发布

本文链接：https://blog.csdn.net/zcy1005/article/details/127282036

版权

/deep/ ::-webkit-scrollbar {
			/*滚动条整体样式*/
			width: 20rpx !important;
			height: 1px !important; 
			background: #ccc !important;
			-webkit-appearance: auto !important;
		}
	
		/deep/ ::-webkit-scrollbar-thumb {
			/*滚动条里面小方块*/
			border-radius: 10px !important;
			box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
			background: #7b7979 !important;
		}
	
		/deep/ ::-webkit-scrollbar-track {
			position: absolute !important; 
			/*滚动条里面轨道*/
			// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
			// border-radius: 10px !important;
			background: #ffffff !important;
		}