微信小程序頁面 scroll-view滾動條隱藏

設置隱藏css

/* 隱藏滾動條 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

 

如果scroll-view高度爲整個頁面高度是不行的，

解決技巧，給scroll-view高度爲整個頁面高度時候減去1px。

scroll-view高度爲整個頁面高度

方法一：通過wx系統信息設置給scroll-view

wx.getSystemInfoSync().windowHeight // 獲取當前窗口的高度

方法二

<scroll-view scroll-y="true" style="position:absolute; top:0; left:0; right:0; bottom:0;">
</scroll-view>