CSS实现隐藏滚动条但可以滚动

场景

隐藏滚动条,但可以滚动

解决

全局样式

css 复制代码
/* 隐藏滚动条 */
.outer-container::-webkit-scrollbar {
  width: 0; /* 设置滚动条的宽度为0 */
  background-color: transparent; /* 设置滚动条背景为透明 */
}

/* 自定义滚动条轨道样式 */
.outer-container::-webkit-scrollbar-track {
  background-color: transparent; /* 设置滚动条轨道背景为透明 */
}

/* 自定义滚动条滑块样式 */
.outer-container::-webkit-scrollbar-thumb {
  background-color: transparent; /* 设置滚动条滑块背景为透明 */
}

结语

感谢读者阅读并关注博客文章,并对文章中提到的观点、建议或批评表示感谢

相关推荐
ekskef_sef1 小时前
32岁前端干了8年,是继续做前端开发,还是转其它工作
前端
sunshine6411 小时前
【CSS】实现tag选中对钩样式
前端·css·css3
真滴book理喻2 小时前
Vue(四)
前端·javascript·vue.js
蜜獾云2 小时前
npm淘宝镜像
前端·npm·node.js
dz88i82 小时前
修改npm镜像源
前端·npm·node.js
Jiaberrr2 小时前
解锁 GitBook 的奥秘:从入门到精通之旅
前端·gitbook
顾平安3 小时前
Promise/A+ 规范 - 中文版本
前端
聚名网3 小时前
域名和服务器是什么?域名和服务器是什么关系?
服务器·前端
桃园码工3 小时前
4-Gin HTML 模板渲染 --[Gin 框架入门精讲与实战案例]
前端·html·gin·模板渲染
不是鱼3 小时前
构建React基础及理解与Vue的区别
前端·vue.js·react.js