開發(fā)小程序時,經(jīng)常會碰到頁面長度超過屏幕高度,然后下拉時會出現(xiàn)滾動條,對于一些有強迫癥的人來說是不可忍受的。
網(wǎng)上看了好多,寫的。都評論有起作用或者不起作用的。
我在這分享一個全局隱藏滾動條的方式。
樣式代碼我們在app.wxss中,寫一個類選擇器:
?
.contain { height: 100vh; width: 100vw; padding: 0; margin: 0; background-color: #F2F5FF; overflow-y: scroll; } /* 不顯示滾動條 */ .contain::-webkit-scrollbar { display: none; }
然后我們只要在每個頁面的最外圍,加一個class為contain的view包裹頁面內(nèi)容就行了,文章來源:http://www.zghlxwxcb.cn/news/detail-419434.html
備注:原本我使用page標(biāo)簽選擇器來全局定義頁面初始樣式的。但是發(fā)現(xiàn)隱藏不起效果。還是需要在最外圍用一個view來包裹頁面內(nèi)容。文章來源地址http://www.zghlxwxcb.cn/news/detail-419434.html
到了這里,關(guān)于微信小程序隱藏頁面滾動條的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!