高度不够的话为什么上面的元素会不显示呢？

Question

已经有滚动条了 但是内容为1111的元素会看不到 如图就是滚动到最顶端的样子 下面的可以显示完全 但是上面的看不到 这是怎么回事

<view class="area1List" wx:if="{{true}}">
                      <view>11111</view>
                      <view>11111</view>
                      <view>3333</view>
                      <view>3333</view>
                      <view>3333</view>
                      <view>3333</view>
                      <view>3333</view>
                      <view>3333</view>
                      <view>3333</view>
                      <view>3333</view>
                      <view>3333</view>
                      <view>3333</view>
                      <view>3333</view>
                      <view>4444</view>
                      <view>4444</view>
                      <view>4444</view>
                      <view>4444</view>
</view>

.area1List{
  display: flex;
  flex-direction: column;
  position: absolute;
  width:222rpx;
  justify-content: center;
  background-color: orange;
  z-index: 9999999999;
  font-size: 26rpx;
  height: 500rpx;
  top: 0rpx;
  overflow: scroll;
}
.area1List view{
  display: flex;
  width: 222rpx;
  justify-content: center;
}

Answer 1

area1List 绝对定位去掉 或者 top:0 试试看咯