- 当前 Bug 的表现(可附上截图)
- 预期表现
左右可滑动
- 复现路径
- 提供一个最简复现 Demo
<scroll-view class="scroll-view_H" scroll-x style="width: 100%">
<view id="green" class="scroll-view-item_H bc_green"></view>
<view id="red" class="scroll-view-item_H bc_red"></view>
<view id="yellow" class="scroll-view-item_H bc_yellow"></view>
<view id="blue" class="scroll-view-item_H bc_blue"></view>
</scroll-view>
scroll-x 不启用 而scroll-y是正常的,复制官方文档事例代码也不行,是怎么回事呢?
宽度要够满屏幕后才会滚动呢 white-space:nowrap;
谢谢回答,css部分已经写了 white-space:nowrap; 宽度也设置了 100% 依然不行,写了这个之后应该排成一行的但是 还是一列
<scroll-view class='scroll' scroll-x>
<view class='list a'></view>
<view class='list b'></view>
<view class='list c'></view>
<view class='list d'></view>
</scroll-view>
.scroll{
height: 400rpx;
margin-top: 20rpx;
width: 100%;
white-space:nowrap;
}
.scroll .list{
height: 400rpx;
width:250rpx;
}
.scroll .a{
background-color: red;
}
.scroll .b{
background-color: blue;
}
.scroll .c{
background-color: yellow;
}
.scroll .d{
background-color: pink;
}
view 是块级元素 和 div差不多,你要么用display:inline-block,要么弄个 display:flex的父标签
非常感谢您,设置display:inline-block 后问题解决了。 但是 display:flex 似乎在 scroll-view 上不起用 非常感谢
初次学习这个 还有很多不懂的
scroll-view里包个view,然后再包你的那些view里,在这个外层view上写display:flex