開發小程式時,經常會碰到頁面長度超過螢屏高度,然后下拉時會出現滾動條,對于一些有強迫癥的人來說是不可忍受的,
網上看了好多,寫的,都評論有起作用或者不起作用的,
我在這分享一個全域隱藏滾動條的方式,
樣式代碼我們在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/550698.html
標籤:Html/Css
上一篇:ORACLE Apex: EBS多組織結構 理解與配置
下一篇:返回列表
