<scroll-view
    class="sv"
    scroll-x
    enable-flex
    show-scrollbar="{{false}}"
    enable-passive
    enhanced
>
    <view
        class="v"
    >
        align-items: flex-start
    </view>
</scroll-view>


<scroll-view
    class="sv"
    scroll-x
    enable-flex
    show-scrollbar="{{false}}"
    enable-passive
    enhanced
>
    <view
        class="v"
    >
        align-items: center
    </view>
</scroll-view>


<scroll-view
    class="sv"
    scroll-x
    enable-flex
    show-scrollbar="{{false}}"
    enable-passive
    enhanced
>
    <view
        class="v"
    >
        align-items: flex-end
    </view>
</scroll-view>

.sv {
    display: flex;
    flex-direction: row;
    justify-content: center;


    background-color: pink;
    height: 56px;


    margin-bottom: 32px;
}
.sv:first-of-type {
    align-items: flex-start;
}
.sv:nth-of-type(2) {
    align-items: center;
}
.sv:last-of-type {
    align-items: flex-end;
}


.v {
    background-color: lime;
}