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;
	}
相关推荐
睡不着先生5 分钟前
CSS `:has()` 实战指南:让 CSS 拥有“if 逻辑”
css
00后程序员张1 小时前
iOS App 混淆与加固对比 源码混淆与ipa文件混淆的区别、iOS代码保护与应用安全场景最佳实践
android·安全·ios·小程序·uni-app·iphone·webview
少年阿闯~~2 小时前
CSS3的新特性
前端·javascript·css3
yddddddy10 小时前
css的基本知识
前端·css
昔人'10 小时前
css `lh`单位
前端·css
00后程序员张12 小时前
详细解析苹果iOS应用上架到App Store的完整步骤与指南
android·ios·小程序·https·uni-app·iphone·webview
2501_9181269112 小时前
用html5写一个flappybird游戏
css·游戏·html5
孩子 你要相信光13 小时前
css之一个元素可以同时应用多个动画效果
前端·css
海绵宝宝不喜欢侬13 小时前
uniapp-微信小程序分享功能-onShareAppMessage
微信小程序·小程序·uni-app
2501_9151063213 小时前
Xcode 上传 ipa 全流程详解 App Store 上架流程、uni-app 生成 ipa 文件上传与审核指南
android·macos·ios·小程序·uni-app·iphone·xcode