收藏
回答

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

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

此方法根本没有用

::-webkit-scrollbar{

width: 0 !important;

height: 0 !important;

color: transparent !important;

}

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

5 个回答

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

    父容器 width: 100vw

    子容器 width: 100vw + 6px

    是否是6px自己试试

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

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

    2020-07-01
    有用 9
    回复 11
    • 培你远走高飞
      培你远走高飞
      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
      回复
    • Flame
      Flame
      2020-10-19回复培你远走高飞
      真的可以吗,为什么我这还显示👀
      2020-10-19
      回复
    查看更多(6)
  • 21克的爱情
    21克的爱情
    2020-09-22

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

    2020-09-22
    有用 1
    回复
  • dejavu🐼
    dejavu🐼
    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

    }

    这么写就可以了 亲测可行

    08-06
    有用
    回复 2
    • 申水根
      申水根
      08-27
      老哥牛逼啊。我试了ok的。这page的滚动条尼玛都滚到导航栏去了。巨丑
      08-27
      回复
    • dejavu🐼
      dejavu🐼
      09-06回复申水根
      那就好 害 坑爹微信还不是各种爬坑各种试才解决的
      09-06
      回复
  • Maple 🍁
    Maple 🍁
    03-02

    onReachBottom

    无效

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

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

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