微信小程序scroll-view组件横向滚动实现

直接用微信小程序开发文档代码

<scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%">
    <image class="scroll-view-item_H demo-text-1" src="/images/icon_teacher_avatar.png"></image>
    <image class="scroll-view-item_H demo-text-1" src="/images/icon_teacher_avatar.png"></image>
    <image class="scroll-view-item_H demo-text-1" src="/images/icon_teacher_avatar.png"></image>
</scroll-view>
复制代码

.scroll-view-item_H{
  display: inline-block;
  width: 100%;
  height: 300rpx;
}

复制代码

发现没有实现效果 对外部scroll加个样式

.scroll-view_H{
  white-space: nowrap;
}
复制代码