uniapp scroll-view显示滚动条

江拥羡橙

已于 2023-09-09 07:37:30 修改

阅读量2.2k

点赞数 8

分类专栏： # uniapp 文章标签： uni-app css css3

于 2023-07-31 10:18:45 首次发布

本文链接：https://blog.csdn.net/qq_37215621/article/details/132016858

版权

uniapp 专栏收录该内容

4 篇文章 2 订阅

订阅专栏

在这里插入图片描述
在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;
	}