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

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

解决方法:

css 复制代码
//强制显示滚动条
::-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;
	}
相关推荐
helloweilei16 小时前
CSS进阶: background-clip
css
codingWhat20 小时前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
DeathGhost1 天前
CSS container容器查询
前端·css
不会敲代码12 天前
前端组件化样式隔离实战:React CSS Modules、styled-components 与 Vue scoped 对比
css·vue.js·react.js
Sailing2 天前
🚀 别再乱写 16px 了!CSS 单位体系已经进入“计算时代”,真正的响应式布局
前端·css·面试
小时前端2 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
球球pick小樱花3 天前
游戏官网前端工具库:海内外案例解析
前端·javascript·css
Mr_li3 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup3 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
AAA阿giao4 天前
从零构建一个现代登录页:深入解析 Tailwind CSS + Vite + Lucide React 的完整技术栈
前端·css·react.js