CSS 文字超出显示滚动条

1、布局结构

html 复制代码
<view class="tes" style="margin-top: 15rpx;">
	<p v-html="conten" class="conten"></p>
</view>

conten 里是内容

2、页面样式

css 复制代码
	.tes::-webkit-scrollbar-track-piece {
		background-color: rgba(0, 0, 0, 0);
		border-left: 1px solid rgba(0, 0, 0, 0);
	}

	.tes::-webkit-scrollbar {
		display: block;
		width: 5px;
		height: 10px;
		-webkit-margin-bottom-collapse: 12px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.tes::-webkit-scrollbar-thumb {
		background-color: #b2b2b2;
		background-clip: padding-box;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		min-height: 28px;
	}

	.tes::-webkit-scrollbar-thumb:hover {
		background-color: #e6e6e6;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

可以通过改变css 中的颜色,判断代码都是负责哪一部分

相关推荐
jerrywus几秒前
前端老哥的救命稻草:用 Obsidian 搞定 Claude Code 的「金鱼记忆」
前端·agent·claude
球球pick小樱花5 分钟前
游戏官网前端工具库:海内外案例解析
前端·javascript·css
用户605723748730813 分钟前
AI 编码助手的规范驱动开发 - OpenSpec 初探
前端·后端·程序员
狗胜16 分钟前
AI观察日记 2026-03-02|CLAUDE、TYPE、APPFUNCTIONS:掘金热门里的下一步信号
前端
喝水的长颈鹿17 分钟前
【大白话前端 02】网页从解析到绘制的全流程
前端·javascript
明君8799719 分钟前
Flutter 实现 AI 聊天页面 —— 记一次 Markdown 数学公式显示的踩坑之旅
前端·flutter
用户145369814587821 分钟前
VersionCheck.js - 让前端版本更新变得简单优雅
前端·javascript
米饭同学i21 分钟前
微信小程序实现随机撒花效果
前端
Arthur147261228654722 分钟前
模块化和组件化的区别
前端
codingWhat24 分钟前
整理「祖传」代码,就是在开发脚手架?
前端·javascript·node.js