微信小程序scroll-view滑动组件使用

代码示例

<scroll-view class="container1" scroll-y>
  <view>1view>
  <view>2view>
  <view> 3view>
scroll-view>

.container1 {
  width: 150px;
  height: 150px;
  display: flex;
  justify-content: space-between;
}

.container1 view {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
}

.container1 view:nth-child(1) {
  background-color: darkturquoise;
}

.container1 view:nth-child(2) {
  background-color: darkorchid;
}

.container1 view:nth-child(3) {
  background-color: crimson;
}

属性scroll-y，scroll-x切换纵向，横向滚动

图片示例