- 当前 Bug 的表现(可附上截图)
position:fixed;top:0;
底部其实是一些列表,列表有几个图片,然后上下滚动,会有时候出现图示,穿透了,这个是怎么回事呢?小米8手机
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
<view class='ceshi'>dddd </view>
.ceshi{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10;
height: 100rpx;
background-color: #fff;
}
这个确实在部分机型上会出现这个问题,所以,可以这样干:
.ceshi{
position
:
fixed
;
top
: -4rpx
;
left
:
0
;
right
:
0
;
padding-top: 4rpx;
z-index
:
10
;
height
:
100
rpx;
background-color
:
#fff
;
}
按照教程提供下代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
我尝试把代码分支回退到那个有问题的版本 发现现在不出现了 我可能表述不清楚,我用的是
<scroll-view scroll-x class='filter-bar-container {{state.filterBarFixStatus?"fixed":""}}'>
<view class='filter-item {{item.id==state.selectFilterId?"active":""}}' catchtap='onSelectFilterHandler' wx:for="{{state.filters}}" wx:key="{{index}}" data-id='{{item.id}}'>{{item.kindname}}</view>
</scroll-view>
而不是view;当时底部的图片是黑色的,才溢出来了,以后有空我再看看把 辛苦官方了