收藏
回答

如何小程序页面隐藏滚动条问题?

如何隐藏小程序page页面右侧的滚动条?我看好多第三方的小程序就没有,腾讯视频也没有

此方法根本没有用

::-webkit-scrollbar{

width: 0 !important;

height: 0 !important;

color: transparent !important;

}

回答关注问题邀请回答
收藏

6 个回答

  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2020-07-01

    父容器 width: 100vw

    子容器 width: 100vw + 6px

    是否是6px自己试试

    https://developers.weixin.qq.com/s/lt6oOwmT7UiN

    若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人

    2020-07-01
    有用 13
    回复 12
    • 培你远走高飞
      培你远走高飞
      2020-07-01
      厉害了我的哥
      2020-07-01
      1
      回复
    • Bailey
      Bailey
      2020-07-27
      给力
      2020-07-27
      回复
    • 21克的爱情
      21克的爱情
      2020-09-22
      实测有效
      2020-09-22
      回复
    •     
          
      2020-09-29
      大佬nb
      2020-09-29
      回复
    • 三木
      三木
      2020-10-19回复培你远走高飞
      真的可以吗,为什么我这还显示👀
      2020-10-19
      回复
    查看更多(7)
  • dejavu🐼
    dejavu🐼
    2021-08-06

    在最外层裹上一个view 例如<view class="contain">...</view>

    .contain{

    width:100vw;

    height:100vh;

    overflow-y:scroll

    }

    .contain::-webkit-scrollbar{

    width:0;

    height:0;

    color:transparent;

    display:none

    }

    这么写就可以了 亲测可行

    2021-08-06
    有用 9
    回复 7
    • dejavu🐼
      dejavu🐼
      2021-09-06回复申水根
      那就好 害 坑爹微信还不是各种爬坑各种试才解决的
      2021-09-06
      回复
    • 耳多先生🧐
      耳多先生🧐
      2022-04-08
      实测有用,大佬牛逼
      2022-04-08
      回复
    • Ericoon
      Ericoon
      2022-08-03
      老哥,妙啊!
      2022-08-03
      回复
    • 杨德龙
      杨德龙
      2022-09-26
      老哥 牛
      2022-09-26
      回复
    • 。
      2023-05-08
      用这种方式无法触发taro的useReachBottom
      2023-05-08
      回复
    查看更多(2)
  • 21克的爱情
    21克的爱情
    2020-09-22

    目前测试的设备都没有这个问题了

    2020-09-22
    有用 1
    回复
  • 远扬
    远扬
    2022-06-29
    ::-webkit-scrollbar{
      display: none;
    }
    
    2022-06-29
    有用
    回复
  • Maple 🍁
    Maple 🍁
    2021-03-02

    onReachBottom

    无效

    2021-03-02
    有用
    回复 3
    • Maple 🍁
      Maple 🍁
      2021-03-02
      onReachBottom
      2021-03-02
      回复
    • 张
      2021-04-02
      兄弟,你的解决了没?
      2021-04-02
      回复
    • 小淳
      小淳
      2021-04-29
      最外层元素不要加边距,如果加了改为内边距并且添加box-sizing:border-box;属性
      2021-04-29
      回复
  • 张有釜
    张有釜
    2020-07-01

    朋友 你测试的设备是什么呢 我这边看用上面::-webkit-scrollbar改变宽高颜色的方法安卓没有问题

    2020-07-01
    有用
    回复 1
登录 后发表内容
问题标签