评论

安卓设备隐藏 scroll-view 滚动条,实测有效!

安卓设备隐藏 scroll-view 滚动条,实测有效!

安卓设备隐藏 scroll-view 滚动条,实测有效!

安卓设备隐藏 scroll-view 滚动条,实测有效!!

安卓设备隐藏 scroll-view 滚动条,实测有效!!!

完整代码如下

 ::-webkit-scrollbar {
    appearance: none;
    color: transparent;
    display: none;
    height: 0;
    width: 0;
  }


是的,你没看错,完整代码就这些。

直接拷贝上面代码到 scroll-view 组件、Page、项目的 wxss中。

举例

// 放置到页面 class 内
.p-test {
  ::-webkit-scrollbar {
    appearance: none;
    color: transparent;
    display: none;
    height: 0;
    width: 0;
  }
}

// 或放置到组件 class 内
.c-scroll-view {
  ::-webkit-scrollbar {
    appearance: none;
    color: transparent;
    display: none;
    height: 0;
    width: 0;
  }
}



最后一次编辑于  01-23  
点赞 0
收藏
评论

1 个评论

  • 从君华
    从君华
    01-29

    你这个样式语法上就错误了。

    隐藏 scroll-view 的滚动条,哪里用得着搞这些 enhanced + show-scrollbar="{{false}}" 就搞定了。

    01-29
    赞同
    回复
登录 后发表内容