uniapp scrollview设置显示滚动条

最新推荐文章于 2024-04-26 10:50:51 发布

snotJam

最新推荐文章于 2024-04-26 10:50:51 发布

阅读量1.7k

点赞数 2

文章标签： uni-app css css3

本文链接：https://blog.csdn.net/u010513497/article/details/130606140

版权

需要在style中添加：

::v-deep ::-webkit-scrollbar {
	// 滚动条整体样式
	display: block;
	width: 10rpx !important;
	height: 10rpx !important;
	-webkit-appearance: auto !important;
	background: transparent;
	overflow: auto !important;
}

::v-deep ::-webkit-scrollbar-thumb {
	// 滚动条里面小方块
	border-radius: 10rpx !important;
	box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important;
	background-color: #E2E2E2 !important;
}

::v-deep ::-webkit-scrollbar-track {
	// 滚动条
	border-radius: 10rpx !important;
	box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important;
	background-color: #ededed !important;
}