各位大佬,在学习scroll-view组件横向滚动的时候遇到的无法滚动的问题?

发布于 6 年前作者 yinfang2459 次浏览最后编辑 6 年前来自 issues

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

4 回复
xiulan46
xiulan461 楼6 年前

删除scroll-view-H

scroll-view{
  white‐space: nowrap;
}
scroll-view .scroll-view-item-H{
   displayinlineblock;
}
na03
na032 楼6 年前

<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>

xiuyingmo
xiuyingmo3 楼6 年前

因为你用了flex布局

uwu
uwu4 楼5 年前

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