小程序固定在顶部并横向滚动

 <scroll-view class="topScView" scroll-x="true"> 
      <view class="banner" scroll-x="true"> 
           <view class="banner_Item" wx:for="{{oneitems}}"  data-index='{{index}}' wx:key="key" > 
                 {{item}}
          </view> 
          
      </view> 
</scroll-view> 

.topScView{

    background-color:#F8F8FF;
    height: 50px;
    width: 100%;
    position:fixed;
    top: 0px;
    border-bottom: rgb(214, 214, 214);
  }
.banner{
    height:50px; 
    width:100%;
    display: flex;
    display: -webkit-box;
    flex-direction: column;
} 
.banner_Item{ 
   /* width: 160rpx; */
   height: 50px;
   /* background-color:red; */
   text-align: center;line-height: 50px;
   padding-left: 10px;padding-right: 10px;
}

}