uniapp scroll-view显示滚动条


在style中添加样式:

css 复制代码
	::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;
	}
相关推荐
咖啡教室16 小时前
前端开发中JavaScript、HTML、CSS常见避坑问题
前端·javascript·css
CodePencil19 小时前
CSS专题之盒模型
前端·css
getyefang20 小时前
uniapp如何接入星火大模型
ai·uni-app
@PHARAOH20 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_11 天前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
FanetheDivine1 天前
正确使用flex-1
css·html
芭拉拉小魔仙1 天前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
goto_w1 天前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos
小宝小白1 天前
【vue3】黑马小兔鲜儿项目uniapp navigationStyle
uni-app
吞掉星星的鲸鱼1 天前
使用高德api实现天气查询
前端·javascript·css