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;
	}
相关推荐
三十而立洋3 小时前
Flex 与 Grid 布局完全指南
css
PedroQue9912 小时前
v2.7.1:修复 H5 端返回死循环闪烁问题
前端·uni-app
lhldsg13 小时前
AI零售系统实战指南:从架构设计到落地部署全解析
java·人工智能·小程序·uni-app·零售
CarIise1 天前
事件传播、CSS动画、服务器字体与jQuery
服务器·css·jquery
XLYcmy1 天前
HTML/CSS/JS 基础与 Vue 技术栈深度解析
java·前端·css·html·vue3·vue2·api
风月说与山鬼1 天前
四、Tailwind CSS——间距与尺寸
前端·css·tailwind css
风月说与山鬼1 天前
三、Tailwind CSS——排版与文字样式
前端·css·tailwind css
里欧跑得慢2 天前
AI 驱动的 UI 国际化方案自动适配:从单一语言到多语言布局的智能转换
前端·css·flutter·web
晓得迷路了2 天前
栗子前端技术周刊第 144 期 - Rspack 2.2、pnpm 12、Solid 2.0 RC...
前端·javascript·css
RisunJan2 天前
uni-app 面试知识点梳理
面试·职场和发展·uni-app