微信小程序如何隐藏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  (未经腾讯允许,不得转载)
收藏评论 0关注问题写回答

5 个回答

  • 娇华娇华

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

    赞同 1没有帮助
    评论 5
    复制
    2018-04-24
    • 远山远山

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

      赞同 0没有帮助
      回复
      复制
      2018-07-12
    • 贺礼贺礼

      这种解决方式太野了吧

      赞同 0没有帮助
      回复
      复制
      2018-09-21
    • 贺礼贺礼

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

      ::-webkit-scrollbar {

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


      赞同 0没有帮助
      回复
      复制
      2018-09-21
    • 展示更多
    评论
  • 在知识的海洋里溺水身亡的小不懂在知识的海洋里溺水身亡的小不懂

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

    赞同 0没有帮助
    评论 0
    复制
    01-28
  • 远山远山

    请问怎么弄的,没看懂

    赞同 0没有帮助
    评论 1
    复制
    2018-07-12
    • EdisonEdison

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

      赞同 2没有帮助
      回复
      复制
      2018-07-23
    评论
  • Henry.Henry.

    解决了,谢谢

    赞同 0没有帮助
    评论 1
    复制
    2018-05-29
    • 远山远山

      请问怎么弄的,没看懂

      赞同 0没有帮助
      回复
      复制
      2018-07-12
    评论
  • UNDEFINEDUNDEFINED

    谢谢

    赞同 0没有帮助
    评论 0
    复制
    2018-04-24