收藏
回答

小程序overflow:hidden在以下场景失效问题;烦请管理做下解答

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug 都存在 都存在 都存在

子元素position:absolute ;父元素position: relative;并在父元素page设置了超出隐藏 overflow-x:hidden;为什么在子元素超出page宽度后 ,还是会出现水平滚动条?(开发工具是可以的)官方在这块没有进行优化吗?


例:

<view class="parent">

<view class="child"></view>

</view >

page{

overflow-x:hidden

}

.parent{

position:relative;

}

.child{

position:absolute;

}

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

7 个回答

  • 小白17709205217
    小白17709205217
    2020-03-05

    没做兼容,这样写:

    .ovh {
      /* -webkit-backface-visibility: hidden;
      backface-visibility: hidden; */
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      overflow: hidden;
    }
    
    2020-03-05
    有用 5
    回复 1
    • Nibeelcole
      Nibeelcole
      2022-05-26
      牛皮,这样有效。
      2022-05-26
      回复
  • Rebirth
    Rebirth
    2021-03-01

    已知加个transform: scale(1);就能解决,但是不知道为什么有这么蛋痛的bug

    2021-03-01
    有用 2
    回复 1
    • Dreamboat
      Dreamboat
      2021-07-02
      加一 这样有用
      2021-07-02
      回复
  • 再见,电脑崽
    再见,电脑崽
    2018-04-13

    overflow属性需要指定父元素的宽或高才会生效

    2018-04-13
    有用 1
    回复
  • 小赞
    小赞
    2021-02-05

    同问

    2021-02-05
    有用
    回复
  • 前端工坊
    前端工坊
    2018-08-01

    同遇到,但是好像修复了现在

    2018-08-01
    有用
    回复
  • 再见,电脑崽
    再见,电脑崽
    2018-04-16

    子元素是absolute就不能这么用,page的overflow管不到。

    如果你非要用absolute并且限制子元素超出后隐藏,那么你要单独给子元素设置宽度并设置overflow属性。

    2018-04-16
    有用
    回复
  • °C
    °C
    2018-04-16

    不行的。

    2018-04-16
    有用
    回复
登录 后发表内容