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

相关推荐
wdfk_prog1 小时前
[Linux]学习笔记系列 -- [kernel][time]alarmtimer
linux·笔记·学习
小志biubiu1 小时前
【Linux】Ext系列文件系统
linux·服务器·c语言·经验分享·笔记·ubuntu·操作系统
charlie1145141911 小时前
现代 Python 学习笔记:Statements & Syntax
笔记·python·学习·教程·基础·现代python·python3.13
源码_V_saaskw5 小时前
JAVA国际版二手交易系统手机回收好物回收发布闲置商品系统源码支持APP+H5
java·开发语言·微信·智能手机·微信小程序·小程序
im_AMBER5 小时前
Leetcode 41
笔记·学习·算法·leetcode
im_AMBER6 小时前
React 05
开发语言·前端·javascript·笔记·学习·react.js·前端框架
一路向前的月光8 小时前
uniapp(2)自定义tabbar
uni-app
余道各努力,千里自同风9 小时前
小程序中获取元素节点
前端·小程序
笨笨狗吞噬者9 小时前
【uniapp】小程序体积优化,分包异步化
前端·微信小程序·uni-app