/* 隐藏滚动条 */
::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
color: transparent;
background: transparent;
} 微信小程序，vue3 不论怎么做 都不行， 使用 scroll-view show-scrollbar="false" 还是不行
掌心的温度
- 发布：2023-08-06 22:12
- 更新：2023-08-07 09:58
- 阅读：614
掌心的温度 (作者) - 90后宅男
我找到了问题。首先需要先在app.vue中设置全局样式，滚动条透明化，禁用滚动条， 然后需要在具体页面中，设置第一个view标签为 100vh 或小于页面具体高度 在启用滚动条，此时滚动条就透明化了
我对比了web h5 发现， 小程序在解析时， page标签是第一个，也就是说， 直接在app.vue中设置
/ 隐藏滚动条 / :-webkit-scrollbar { display: none;width: 0;
height: 0;
color: transparent;
background: transparent;
}
他其实是针对与page下一层的标签，无法针对page。 必须要在下一层标签中指定高度，如果不指定，实际上滚动条是出现在page这个标签上的，
喜欢技术的前端 - QQ---445849201
这段代码加到app.vue中，刚试了，可以的
/* 隐藏滚动条 */
::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
color: transparent;
background: transparent;
}
喜欢技术的前端
有道理！！！
2023-08-07 10:00
3***@qq.com
确实是因为这个问题，卡了好久，感谢！！！
2025-06-14 23:05