scroll-view不在窗口内的元素片段没有渲染出来

入上图是一个nav tab，当我向后滑动的时候变成这个样子了

代码结构是这样的

<scroll-view class="nav-bar" scroll-x="true">     <view class="nav-tab" bindtap="tapTab">         <view class="tab-item {{item.tabActive}}"  data-index="{{index}}" data-flag="tab" hover="true" wx:for="{{tabList}}">{{item.label}}</view>     </view> </scroll-view>

渲染有问题的元素是.nav-tab

.nav-tab {   font-size: 32rpx;   color: #333;   white-space: nowrap;   background-color: #f3f3f3;   font-weight: 600;   height: 70rpx;   box-sizing: border-box;   border-bottom: 1px solid #ccc;   padding: 0 28rpx; }