/* 隐藏滚动条 */
::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
color: transparent;
background: transparent;
}
微信小程序,vue3 不论怎么做 都不行, 使用 scroll-view show-scrollbar="false" 还是不行
/* 隐藏滚动条 */
::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
color: transparent;
background: transparent;
}
微信小程序,vue3 不论怎么做 都不行, 使用 scroll-view show-scrollbar="false" 还是不行
掌心的温度 (作者) - 90后宅男
我找到了问题。首先需要先在app.vue中设置全局样式,滚动条透明化,禁用滚动条, 然后需要在具体页面中,设置第一个view标签为 100vh 或小于页面具体高度 在启用滚动条,此时滚动条就透明化了
我对比了web h5 发现, 小程序在解析时, page标签是第一个,也就是说, 直接在app.vue中设置
/ 隐藏滚动条 / :-webkit-scrollbar { display: none;他其实是针对与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