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

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

4 回复

删除scroll-view-H

scroll-view{
  white‐space: nowrap;
}
scroll-view .scroll-view-item-H{
   displayinlineblock;
}

<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这个标签多余了,删了就好了

回到顶部