微信小程序页面 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>