收藏
回答

小程序如何隐藏滚动条

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 客户端 6.5.3 2.6.2

小程序如何隐藏滚动条

现在是不滚动的时候是隐藏的,一滚动就又出现了 产品需要滚动的时候也隐藏 网上都说使用

::-webkit-scrollbar{

 width: 0;

 height: 0;

 color: transparent

}

但我用着一点作用没有,还影响了界面

最后一次编辑于  2019-03-26
回答关注问题邀请回答
收藏

6 个回答

  • 野哥
    野哥
    2020-12-15

    来自2020年的回复

    ::-webkit-scrollbar {
      display:none;
      width:0;
      height:0;
      color:transparent;
    }
    
    2020-12-15
    有用 6
    回复 2
    • Puchine
      Puchine
      2021-04-13
      想限制默认自带的滑动条活动区域,看样子没有办法。拼多多和京东小程序滚动条都戳破天花板和地方的现象
      2021-04-13
      回复
    • 禾店科技
      禾店科技
      2021-05-12
      使用标签scroll-view包裹,再设置scroll-x='true'横向滚动
      2021-05-12
      1
      回复
  • 🌧
    🌧
    2023-04-07

    2023年了,这个问题解决了吗

    2023-04-07
    有用 1
    回复
  • 禾店科技
    禾店科技
    2021-05-12

    使用标签scroll-view包裹,再设置scroll-x='true'横向滚动

    2021-05-12
    有用 1
    回复
  • Kitakaze
    Kitakaze
    01-30

    2024年 scroll-view 添加 show-scrollbar 属性就行,默认是true展示滚动条

    01-30
    有用
    回复
  • Alen
    Alen
    2022-03-31

    标签scroll-view包裹,再设置scroll-x='true'在android上还是有滚动条,真是累了。小程序开发都不能友好一点

    2022-03-31
    有用
    回复
  • 卢霄霄
    卢霄霄
    2019-03-26

    page宽800rpx; x方向hidden;内部套个宽度750rpx的view;

    2019-03-26
    有用
    回复 12
    • 2019-03-26

      那横向滚动呢

      2019-03-26
      回复
    • 卢霄霄
      卢霄霄
      2019-03-26回复

      高度控制呗,父组件比子组件矮就行啦

      2019-03-26
      回复
    • 2019-04-18回复卢霄霄

      。。。。

      2019-04-18
      回复
    • 焽
      2020-09-17
      来自2020年的我为你们解答,先用标签包裹,再设置
      ::-webkit-scrollbar{
       width: 0;
       height: 0;
       color: transparent
      }
      2020-09-17
      1
      回复
    • 焽
      2020-09-17
      使用标签scroll-view包裹,再设置scroll-x='true'横向滚动
      2020-09-17
      回复
    查看更多(7)
登录 后发表内容