當(dāng)小程序頁面展示內(nèi)容超過屏幕高度或?qū)挾?，我們想要看到全部?nèi)容，這時候就必須用到頁面滾動?？墒牵覀儼l(fā)現(xiàn)滾動頁面的滾動條特別的突兀和丑陋，而且參考大部分的小程序都是將滾動條去掉了。那么，我們該怎么去掉滾動條呢？
當(dāng)展示內(nèi)容超過頁面高度，會觸發(fā)page默認(rèn)的滾動條。如下：
scroll-view，隱藏滾動條的方法也很簡單。
我們可以在app.wxss（全局）或當(dāng)前頁面.wxss加入如下代碼即可：
::-webkit-scrollbar {
? display: none;
? width: 0;
? height: 0;
? color: transparent;
}
注意：
scroll-view高度不要設(shè)置為相對高度，如100%。否則，page頁面的滾動條又會出現(xiàn)了?。?！
可以這樣做：
<scroll-view? scroll-y style="width: 100%; height: 100vh;"> </scroll-view>
如果仍然無效，減少height的值，例如設(shè)為height:99vh。scroll-view高度大于page高度仍會出現(xiàn)滾動條的。
父元素如page記得設(shè)置：文章來源：http://www.zghlxwxcb.cn/news/detail-416689.html
overflow: hidden;
?文章來源地址http://www.zghlxwxcb.cn/news/detail-416689.html
到了這里，關(guān)于微信小程序隱藏滾動條的方法的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
