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

相关推荐
一份执念1 天前
uni-app项目 (vue+vite + uni-UI)中引入umd格式JS文件,微信小程序中导入报错处理方案
前端·uni-app·echarts
PedroQue991 天前
V1.6.1性能优化:高频路径提速与代码精简
前端·uni-app
夏碧笔4 天前
uni-app跨端地图实战:用第三方LBS替代微信平台收费服务
uni-app
LinXunFeng4 天前
Obsidian - 使用 Share Note 分享笔记并自部署
前端·笔记·github
m0_526119408 天前
iconfont我修改好颜色,但是在小程序项目是黑色的
小程序
用户6990304848758 天前
try catch使用场景 处理同步代码错误兼容用的
javascript·uni-app
ITKEY_8 天前
uniapp微信开发者工具 更改AppID失败 touristappid
uni-app
闪闪发亮的小星星8 天前
高斯光以及高斯光公式解释
笔记
cqbzcsq8 天前
CellFlow虚拟细胞论文阅读
论文阅读·人工智能·笔记·学习·生物信息
阿米亚波8 天前
【Windows】QEMU 启动 openEuler aarch64/arm64 架构系统 + 离线软件源
linux·windows·经验分享·笔记·架构·arm