收藏
回答

微信小程序如何隐藏scroll-view滚动条

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug scroll-view 客户端 iOS 6.6.5 2.0.0
::-webkit-scrollbar {
 
width: 0;
 
height: 0;
 
color: transparent;
 
}

scroll-view 使用上述代码 无法隐藏滚动条,ios 上 有的时候有,有的时候没有

最后一次编辑于  2018-04-24  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

7 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-04-24

    尝试子元素可滚动,宽度比视窗宽度略宽,右边有 padding。然后父元素限制横向滚动,宽度为视窗宽度,overflow hidden。

    2018-04-24
    赞同 2
    回复 11
    • 远山
      远山
      2018-07-12

      不好意思没看懂,能不能再说说

      2018-07-12
      回复
    • 贺礼
      贺礼
      2018-09-21

      这种解决方式太野了吧

      2018-09-21
      回复
    • 贺礼
      贺礼
      2018-09-21

      最好的解决办法就是不用<scroll-view>,用<view>代替,设置 overflow-y: auto,滚动条用下面的CSS去掉,兼容ios/android

      ::-webkit-scrollbar {

        display: none;
        width: 0;
        height: 0;
        color: transparent;
      }


      2018-09-21
      回复
    • hehe
      hehe
      2018-11-19回复贺礼

      慎重用overflow-y: auto

      2018-11-19
      回复
    • Yrobot
      Yrobot
      04-18

      认真的吗?????

      04-18
      回复
    查看更多(6)
  • 小白是鱼骨头啊丶
    小白是鱼骨头啊丶
    星期二 17:28

    上面把宽拉大再禁止左右滑动,确实可行,但还是会有点问题,不能完美解决

    星期二 17:28
    赞同
    回复
  • 瞌睡怪
    瞌睡怪
    07-08

    如果是页面的话,可以给容器定高,同时给大于页面宽的width

    ```

    .container{

        width:900rpx;

        height:100vh;

        overflow-x:hidden;

    }

    ```

    07-08
    赞同
    回复
  • 在知识的海洋里溺水身亡的小不懂
    在知识的海洋里溺水身亡的小不懂
    01-28

    加了这段代码以后,所有有关 scroll-view 的组件样式全乱了,糟心呐

    01-28
    赞同
    回复
  • 远山
    远山
    2018-07-12

    请问怎么弄的,没看懂

    2018-07-12
    赞同
    回复 2
    • Edison煜
      Edison煜
      2018-07-23

      就是说你最外层的<view>宽度比手机窗口宽度要大一点(加个padding-left),多出来的这一点宽度用来放滚动条,所以就起到了隐藏的作用,再设置一个不可左右滑动就可以了。

      2018-07-23
      2
      回复
    • 见相非相
      见相非相
      08-28回复Edison煜
      能否上一段示意代码?
      08-28
      回复
  • Henry
    Henry
    2018-05-29

    解决了,谢谢

    2018-05-29
    赞同
    回复 2
    • 远山
      远山
      2018-07-12

      请问怎么弄的,没看懂

      2018-07-12
      回复
    • fu si san
      fu si san
      06-12

      怎么解决的,,,请教一下


      06-12
      1
      回复
  • UNDEFINED
    UNDEFINED
    2018-04-24

    谢谢

    2018-04-24
    赞同
    回复 1
    • fu si san
      fu si san
      06-12

      怎么解决的, 请教一下


      06-12
      回复