uniapp设置 overflow：auto；右边不显示滚动条的问题

骑450的皮卡丘

已于 2025-05-14 23:00:15 修改

阅读量408

点赞数 1

文章标签： uni-app css css3

于 2025-05-14 22:59:52 首次发布

本文链接：https://blog.csdn.net/m0_68956554/article/details/147964991

版权

设置了overflow：auto;或者其它overflow的属性不显示滚动条是因为在uniapp中默认隐藏了滚动条

解决方法：

//强制显示滚动条
::-webkit-scrollbar {
		width: 8px !important;
		background: #ccc !important;
		display: block !important;
	}

//设置滚动条颜色
	.cu-dialog::-webkit-scrollbar-thumb {
		background:#2695fe;
		border-radius: 3px;
	}
	
//设置滚动条背景颜色
	.cu-dialog::-webkit-scrollbar-track {
		background: #f1f1f1;
	}