微信小程式隱藏頁面滾動條

開發小程式時，經常會碰到頁面長度超過屏幕高度，然後下拉時會出現滾動條，對於一些有強迫症的人來說是不可忍受的。

網上看了好多，寫的。都評論有起作用或者不起作用的。

我在這分享一個全局隱藏滾動條的方式。

樣式代碼我們在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來包裹頁面內容。