微信小程序实现横向滚动

由于看官方微信小程序文档无法实现横向滚动，百度查询后发现实现的方法。贴上博主文章微信小程序横向滚动
博主实现后的代码如下：

<!--pages/my/my.wxml-->
<scroll-view scroll-x="true" **style="width:100%;white-space: nowrap; display: flex;**" bindscrolltolower="handleScroll">
          <view id="demo1" class="scroll-view-item demo-text-1">1</view>
          <view id="demo2"  class="scroll-view-item demo-text-2">2</view>
          <view id="demo3" class="scroll-view-item demo-text-3">3</view>
          <view id="demo4" class="scroll-view-item demo-text-4">4</view>
        </scroll-view>
</view>

/* pages/my/my.wxss */
.scroll-view-item{
width: 300rpx; 
height: 100px; 
display: inline-block;
border: 1rpx solid red;
}