scroll-view 在可滚动的情况下， image处于屏幕内，会出现不能遮挡的情况？

出现环境：iphone8 iphoneX，微信版本：7.0.15,ios版本：13.3.1

情况如下：

代码如下：

xml部分

css部分

.list-box .list {

  padding-top: 30rpx;

  overflow: hidden;

}

.list-box .list:last-child {

  padding-bottom: 60rpx;

}

.list-box .list .bg-box {

  background-color: #efeff0;

  z-index: 1;

  position: relative

}

.list-box .list .bg-box .shaw-box {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: 99;

  background-color: rgba(0, 0, 0, 0.5)

}

.list-box .list .bg-box  .shaw-box image {

  width: 70rpx;

  height: 75rpx;

  margin-top: -12rpx; 

  display: block

}

.list-box .list .left {

  width: 45%;

  overflow: hidden;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.list-box .list .left image {

  width: 100%;

  height: 183.4rpx;

  opacity: 1;

  display: block

}

.list-box .list .right {

  flex: 1;

  color: #404040;

  padding:0 30rpx;

}

.list-box .list .dot-box {

  width: 50rpx;

  height: 50rpx;

  border-radius: 50%;

  background-color: #fff;

  margin-right: -25rpx;

}

代码片段：

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