收藏
回答

小程序滚动条,不论是pages的还是scroll-view的,有解决办法?

为了保证能隐藏。我连app.wxss都设置了,还是会有,还是无效!!!

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

7 个回答

  • 、土豆
    、土豆
    2020-03-15

    创建一个view,position:fiexd,可以把这个滚动条盖住,亲测有效。

    2020-03-15
    有用
    回复
  • 冰扬
    冰扬
    2020-01-09
    ::-webkit-scrollbar {
        width: 0;
        height: 0;
        color: transparent;
    }
    
    2020-01-09
    有用
    回复 1
    • Rookie
      Rookie
      2020-01-09
      已经是改变不了了的
      2020-01-09
      回复
  • waterfall
    waterfall
    2020-01-06

    这个是无法隐藏的,只能设置有滚动条的元素宽度大于页面宽度,这样滚动条就显示在页面之外从而达到隐藏的效果

    2020-01-06
    有用
    回复
  • 猿猿猿ಠ_ರೃ树林
    猿猿猿ಠ_ರೃ树林
    2020-01-06

    scroll-view设置比内容的宽度小 或者在外面嵌套一层宽百分百的view 绑定属性overflow:hidden

    2020-01-06
    有用
    回复
  • Code Weaver
    Code Weaver
    2020-01-06

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


    2.我做过最粗暴的:

    写了个view绝对定位在上面盖住

    https://developers.weixin.qq.com/community/develop/doc/000e4e4b67c5806322079a0425b800?_at=1578300212449


    3.设置scroll-view宽760rpx,里面放个宽度750rpx的view。overflow:hidden掉。

    2020-01-06
    有用
    回复 4
    • Rookie
      Rookie
      2020-01-06
      条件不允许我这样做,哈哈
      2020-01-06
      回复
    • Rookie
      Rookie
      2020-01-06回复Code Weaver
      呀!你这个骚操作我连app.wxss都写进去了,没效果的,看来应该官方设定没法隐藏
      2020-01-06
      回复
    • Rookie
      Rookie
      2020-01-06回复Code Weaver
      哈哈哈
      2020-01-06
      回复
    • Code Weaver
      Code Weaver
      2020-01-06回复Rookie
      尴尬。我删了吧。哈哈哈
      2020-01-06
      回复
  • Undefined
    Undefined
    2020-01-06

    改为

    display:none
    

    试试

    2020-01-06
    有用
    回复 2
    • Rookie
      Rookie
      2020-01-06
      无效
      2020-01-06
      回复
    • Chao
      Chao
      2020-05-29
      display:none 有效
      2020-05-29
      回复
  • Rookie
    Rookie
    2020-01-06

    在app.wxss是在各自页面设置后无效才用的,设置了也没用


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