scroll-view标签横向滚动内容测试情况如下
1、前置条件,scroll-view标签及内部子标签的宽带均设置为width:100%
2、模拟器中,iphone系列正常,当内容超出屏幕宽度后,可以左右拖动滚屏
3、模拟器中,Nexus系列不正常,拖不动
4、在Nexus系列下,内部子标签的宽度即使设置width:
2000px;也没效果,需用百分比格式来设置
<scroll-view style=“height:280rpx; width:100%; display: flex;” scroll-x=“true”>
<view style=“height:200rpx; display:-webkit-box; flex-direction: column;”>
<view style=“width:150px;”>这是一个测试1</view>
<view style=“width:150px;”>这是一个测试2</view>
<view style=“width:150px;”>这是一个测试3</view>
<view style=“width:150px;”>这是一个测试4</view>
<view style=“width:150px;”>这是一个测试5</view>
<view style=“width:150px;”>这是一个测试6</view>
<view style=“width:150px;”>这是一个测试7</view>
<view style=“width:150px;”>这是一个测试8</view>
</view>
</scroll-view>
如上所示,如果内容项标签带了指定的width,那么Nexus系列不能横向滚动,但在iphone系列下横向可正常滚动