小程序滚动条隐藏(uniapp版本)

单独指定页面隐藏(找到对应的scroll-view)

<style>

/* 全局隐藏滚动条样式 */

::-webkit-scrollbar {

display: none;

width: 0;

height: 0;

color: transparent;

background: transparent;

}

/* 确保scroll-view组件也隐藏滚动条 */

scroll-view::-webkit-scrollbar {

display: none;

width: 0;

height: 0;

color: transparent;

background: transparent;

}

/* 为页面添加隐藏滚动条样式 */

.comment-list::-webkit-scrollbar {

display: none;

width: 0;

height: 0;

color: transparent;

background: transparent;

}

/* 其他样式保持不变 */

// ... existing code ...

</style>

全局隐藏(在App.vue的css中插入下面代码即可):

<style>

/* 全局隐藏滚动条 */

::-webkit-scrollbar {

display: none;

width: 0 !important;

height: 0 !important;

-webkit-appearance: none;

background: transparent;

}

</style>

相关推荐
charlie11451419114 分钟前
勇闯前后端Week2:后端基础——HTTP与REST
开发语言·网络·笔记·网络协议·学习·http
一 乐33 分钟前
学习辅导系统|数学辅导小程序|基于java+小程序的数学辅导小程序设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·学习·小程序
走在路上的菜鸟39 分钟前
Android学Dart学习笔记第四节 基本类型
android·笔记·学习
未若君雅裁1 小时前
斐波那契数列 - 动态规划实现 详解笔记
java·数据结构·笔记·算法·动态规划·代理模式
wdfk_prog2 小时前
[Linux]学习笔记系列 -- [kernel]sysctl
linux·笔记·学习
羊吖6 小时前
微信小程序图片上传系统性能优化实践
微信小程序·小程序
李慕婉学姐11 小时前
【开题答辩过程】以《“饭否”食材搭配指南小程序的设计与实现》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
java·spring·小程序
moringlightyn12 小时前
Linux---进程状态
linux·运维·服务器·笔记·操作系统·c·进程状态
go_bai12 小时前
Linux-线程2
linux·c++·经验分享·笔记·学习方法