wxml
<scroll-view scroll-x class="scroll-header">
<view id="green" class="scroll-view-item bc_green"></view>
<view id="red" class="scroll-view-item bc_red"></view>
<view id="yellow" class="scroll-view-item bc_yellow"></view>
<view id="blue" class="scroll-view-item bc_blue"></view>
<view id="blue" class="scroll-view-item bc_blue"></view>
<view id="blue" class="scroll-view-item bc_blue"></view>
<view id="blue" class="scroll-view-item bc_blue"></view>
<view id="blue" class="scroll-view-item bc_blue"></view>
</scroll-view>
<view class='contentView'>
<view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view><view>111</view>
</view>
wxss
/* pages/index/index.wxss */
.scroll-header{
position: fixed; /* 固定位置 */
top: 0;
display: flex;
white-space: nowrap; /* white-space 属性设置如何处理元素内的空白 */
background-color: white;
}
.scroll-header view{
height:128rpx;
width:128rpx;
border:1px solid red;
display: inline-block;
}
.contentView{
margin-top: 150rpx;
}