评论

亲测有效隐藏scroll-view滚动条方法

小程序scroll-view滚动条很丑,想隐藏?

在有scroll-view滚动条页面的wxss里,例如在首页index.wxss,添加

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

不用选择器,以及不能在app.wxss直接添加。

点赞 11
收藏
评论

4 个评论

  • 六点水的凹凸曼
    六点水的凹凸曼
    2019-08-02

    我一个页面两个scroll-view,一会左边的可以隐藏,一会右边的可以隐藏,同时就是隐藏不掉俩,我很绝望。

    2019-08-02
    赞同 1
    回复 2
    • bind
      bind
      2019-08-10
      我也是这样,不知道什么鬼
      2019-08-10
      回复
    • 六点水的凹凸曼
      六点水的凹凸曼
      2019-08-12回复bind
      ios的这个傻卵条靠样式是搞不定的了,只能遮挡
      2019-08-12
      回复
  • STEPH
    STEPH
    2019-11-14

    需要整这么麻烦么?

    直接在与 scroll-view 的同级的地方放一个 position 为 fixed、z-index 大于 scroll-view、背景白色的空 view 定位在最右边,把滚动条直接盖住不就行了?

    2019-11-14
    赞同
    回复
  • 韦不吕🙈🙉🙊
    韦不吕🙈🙉🙊
    2019-10-31

    在android,scroll-view有滚动条出来;

    在ios@XR, scroll-view没有滚动条出来。不知道闹哪样。

    2019-10-31
    赞同
    回复
  • Trust
    Trust
    2019-06-20

    iOS木效果

    2019-06-20
    赞同
    回复 6
    • 李伟豪
      李伟豪
      2019-06-20

      具体啥型号?我这边iphone 6s 、x 都可以

      2019-06-20
      回复
    • Trust
      Trust
      2019-06-20

      iPhone XS 12.3.1

      2019-06-20
      回复
    • 李伟豪
      李伟豪
      2019-06-21

      找不到xs测试,但是我这边Xs Max也能隐藏,你是有左右滚动条,还是屏幕左右滑动?

      2019-06-21
      回复
    • Trust
      Trust
      2019-06-21

      上下滑动,我是scroll-view嵌套view,view 循环出来的列表,所有机型都试了,还是显示,是不是对scroll-view里面包含的内容也有要求呢,因为view超出一屏的话也可以滚动,可以不需要scroll-view



      2019-06-21
      回复
    • FEA-Dven
      FEA-Dven
      2019-07-31回复Trust
      试一下给scroll-view加一个类,然后在类下面放入楼主所说代码。文件最外层不要有::-webkit-scrollbar的样式代码
      2019-07-31
      回复
    查看更多(1)
登录 后发表内容