uniapp中scroll-view自定義滾動條

 

 注意事項 需在app.vue中添加如下，需要important

/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/
	::-webkit-scrollbar
	{
		width: 16upx!important;
		height: 16upx!important;
		background-color: #F5F5F5;
	}
	 
	/*定義滾動條軌道 內陰影+圓角*/
	::-webkit-scrollbar-track
	{
		// -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
		background-color: #fff;
	}
	 
	/*定義滑塊 內陰影+圓角*/
	::-webkit-scrollbar-thumb
	{
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #555;
	}