评论

安卓设备隐藏 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;
  }
}



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

2 个评论

  • 从君华
    从君华
    2025-01-29

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

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

    2025-01-29
    赞同 2
    回复 2
    • Leader直聘-天地任逍遥
      Leader直聘-天地任逍遥
      2025-08-05
      我的安卓手机重来就没有生效过。
      2025-08-05
      回复
    • 歪比巴卜
      歪比巴卜
      2025-08-13
      我的安卓机就从来没生效果
      2025-08-13
      回复
  • LittlerXu
    LittlerXu
    2025-11-06

    牛逼, 有用

    2025-11-06
    赞同
    回复
登录 后发表内容