评论

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

2019-06-11
8472浏览
5评论

小程序scroll-view滚动条很丑，想隐藏？

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

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

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

点赞 20
收藏
评论

5 个评论

  • 旬
    旬
    2022-01-11

    已解决，楼主一生平安

    2022-01-11
    赞同 2
    回复
  • 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
      赞
      回复
  • 加油斯蒂芬
    加油斯蒂芬
    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
    赞同
    回复 7
    • 李伟豪
      李伟豪
      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
      赞
      回复
    查看更多(2)
请 登录 后发表内容
作者介绍

文章标签
css隐藏scroll-view滚动条