各位大佬，在学习scroll-view组件横向滚动的时候遇到的无法滚动的问题？
发布于 5 年前 作者 yinfang 2295 次浏览 来自 官方Issues

设置的父元素是400px，子元素是200px，为什么显示在页面中变成4等分，每个50px了，这样不能滚动了

4 回复

删除scroll-view-H

scroll-view{
  white‐space: nowrap;
}
scroll-view .scroll-view-item-H{
   display: inline‐block;
}

<scroll-view scroll-x style=“width:400rpx;white-space: nowrap;overflow: hidden;”>

<view style=“width:200rpx;height:80rpx;background:black;display:inline-block;”></view>

<view style=“width:200rpx;height:80rpx;background:green;display:inline-block;”></view>

<view style=“width:200rpx;height:80rpx;background:yellow;display:inline-block;”></view>

<view style=“width:200rpx;height:80rpx;background:red;display:inline-block;”></view>

</scroll-view>

因为你用了flex布局

scroll-view-H这个标签多余了，删了就好了

回到顶部