实训日志day 9

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

重要代码：

index.wxml

  
      {{show}}
      
  
  销量高
  速度快
  减配送费
  筛选

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;
}

效果图：（小翻车）