開發小程式時，經常會碰到頁面長度超過螢屏高度，然后下拉時會出現滾動條，對于一些有強迫癥的人來說是不可忍受的，
網上看了好多，寫的，都評論有起作用或者不起作用的，
我在這分享一個全域隱藏滾動條的方式，
樣式代碼我們在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包裹頁面內容就行了，
備注：原本我使用page標簽選擇器來全域定義頁面初始樣式的，但是發現隱藏不起效果，還是需要在最外圍用一個view來包裹頁面內容，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/550706.html
標籤：其他
上一篇：vue全家桶進階之路43：Vue3 Element Plus el-form表單組件
下一篇：返回列表