实训日志day 9

如何将美团外卖小程序中的综合排序栏在滚动时停留在顶部？

重要代码：

index.wxml

<!-- navbar -->
<view class="navbar {{top>= 112 ? 'navfixed' :'' }}">
  <view bindtap='click'>
      {{show}}
      <view class='sj'></view>
  </view>
  <view>销量高</view>
  <view>速度快</view>
  <view>减配送费</view>
  <view>筛选</view>

index.wxss

.navbar{
  display: flex;
  justify-content: space-around;
  height: 6%;
  align-items: center;
  color: rgb(88, 86, 86);
}
.navbar>view{
  font-size: 28rpx;
}
.navbar>view:first-child{
  display: flex;
  align-items: center;
  position: relative;
}
.navbar .sj{
  width: 0;
  height: 0;
  border: 10rpx solid transparent;
  border-top-color:#000;
  position: absolute;
  top: 50%;
  transform: translateY(-5rpx);
  right:-20rpx;
}

效果图：（小翻车）