小程序滚动条隐藏(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>

相关推荐
91刘仁德4 小时前
C++ 继承和多态 设计模式
c语言·c++·笔记
库玛西5 小时前
哈夫曼树与前缀编码:数据压缩的贪心核心
c语言·c++·笔记·考研
白远山5 小时前
上海24小时自助健身房系统软件开发实战指南
java·架构·uni-app·需求分析
Rabitebla6 小时前
【Linux系统编程】 指令(二):一条路径是怎么定位到文件的
linux·c++·笔记·学习·算法
库玛西7 小时前
数据结构与算法之美:树、森林与二叉树全解析
c语言·数据结构·笔记·考研·算法·学习方法
高级程序源7 小时前
django招聘网站信息爬取与分析系统79704-计算机课程设计、毕业设计
后端·python·mysql·小程序·django·flask·课程设计
小李不想当小白8 小时前
PCB结构与组成(PCB设计入门学习笔记)
经验分享·笔记·单片机·嵌入式硬件·学习·pcb工艺·pcb
hanlin039 小时前
刷题笔记:力扣第76题-最小覆盖子串
笔记·算法·leetcode
hengmeida9 小时前
楼宇控制柜标准化项目交付完整规范
大数据·网络·笔记
蒸蒸yyyyzwd9 小时前
cpp 选手秋招学习笔记 day40
笔记·八股