Scroll-View 组件的scroll-x属性不起作用

When using “scroll-y” property within the scroll-view component, the image shows as below:

the code as below:

<scroll-view class="" scroll-y style="height:250px;">   <view id="green" class="scroll-view-item_H bc_green"></view>   <view id="red" class="scroll-view-item_H bc_red"></view>   <view id="yellow" class="scroll-view-item_H bc_yellow"></view>   <view id="blue" class="scroll-view-item_H bc_blue"></view> </scroll-view>

When using "scroll-x"property within the scroll-view component, the image shows as below (same result as above):

the code as below:

<view class="section section_gap">   <view class="section__title">horizontal scroll</view>   <scroll-view class="scroll-view_H" scroll-x style="width:100%;">     <view id="green" class="scroll-view-item_H bc_green"></view>     <view id="red" class="scroll-view-item_H bc_red"></view>     <view id="yellow" class="scroll-view-item_H bc_yellow"></view>     <view id="blue" class="scroll-view-item_H bc_blue"></view>   </scroll-view> </view>

有人可以帮助solve 这个问题吗?