uniapp scroll-view 隱藏滾動條的問題

我用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>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容