子元素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;
}
没做兼容,这样写:
.ovh { /* -webkit-backface-visibility: hidden; backface-visibility: hidden; */ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; }
已知加个transform: scale(1);就能解决,但是不知道为什么有这么蛋痛的bug
overflow属性需要指定父元素的宽或高才会生效
同问
同遇到,但是好像修复了现在
子元素是absolute就不能这么用,page的overflow管不到。
如果你非要用absolute并且限制子元素超出后隐藏,那么你要单独给子元素设置宽度并设置overflow属性。
不行的。