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

相关推荐
北岛寒沫18 小时前
北京大学国家发展研究院 经济学原理课程笔记(第二十一课 金融学基础)
经验分享·笔记·学习
优雅的潮叭19 小时前
c++ 学习笔记之 malloc
c++·笔记·学习
李派森21 小时前
软考高项(信息系统项目管理师)—第4章 信息系统管理全解析
笔记·计算机网络
浩瀚地学1 天前
【Java】常用API(二)
java·开发语言·经验分享·笔记·学习
恩创软件开发1 天前
创业日常2026-1-8
java·经验分享·微信小程序·小程序
今儿敲了吗1 天前
C++概述
c++·笔记
知行力1 天前
【GitHub每日速递 20260108】告别云服务弊端,Memos隐私至上自托管笔记服务来袭!
笔记·github
wdfk_prog1 天前
[Linux]学习笔记系列 -- [fs]sysfs
linux·笔记·学习
im_AMBER1 天前
Leetcode 98 从链表中移除在数组中存在的节点
c++·笔记·学习·算法·leetcode·链表
jamesge20101 天前
kafka学习笔记
笔记·学习·kafka