我用scroll-view的時候:用手機(jī)模擬器和小程序查看的時候并沒有出現(xiàn)滾動條,真機(jī)運行的時候出現(xiàn)滾動條,用h5直接看的時候出現(xiàn)滾動條,我發(fā)現(xiàn)的解決辦法有兩種:
1.在app.vue的style里面外部鏈接base.css 這種辦法比較適配,控制所有滾動條
<style>
????@import?url("./base.css");
</style>
在base.css中
::-webkit-scrollbar{
? display: none;
}
2.直接在app.vue里面用條件編譯,可以根據(jù)不同平臺控制不同標(biāo)簽的屬性
<style>
@import url("./base.css");
/* 解決小程序和app滾動條的問題 */
/* #ifdef MP-WEIXIN || APP-PLUS */
::-webkit-scrollbar{
display: none;
}
/* #endif */
/* 解決H5 的問題 */
/* #ifdef H5 */
????uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
???? /* 隱藏滾動條,但依舊具備可以滾動的功能 */
????display: none
????}
/* #endif */
</style>