微信小程序 scroll-view 无法横向滚动 demo

放置 --- 微信官方文档链接

遇到的问题：scroll-view 组件添加 scroll-x="true"属性仍无法 横向滚动

解决方法如下：

<scroll-view class="fir" scroll-x="true">
  <view>1</view>
  <view>2</view>
  <view>3</view>
  <view>4</view>
  <view>5</view>
  <view>6</view>
  <view>7</view>
  <view>8</view>
  <view>9</view>
  <view>10</view>
</scroll-view>

.fir {
  white-space: nowrap;
  height: 150rpx;
}

.fir view {
  height: 150rpx;
  width: 150rpx;
  background-color: red;
  display: inline-block;
}

实际使用

两个 scroll-view 实现的（美图秀秀贴纸栏、微信QQ表情栏）

喜欢或对你有帮助，请点个赞吧 。

有错误或者疑问还请评论指出。

我的个人网站 --> 点击访问 。