scroll-view标签横向滚动内容在模拟器中,Nexus系列环境下不能滚动
发布于 5 年前 作者 fdong 6274 次浏览 来自 问答

scroll-view标签横向滚动内容测试情况如下

1、前置条件,scroll-view标签及内部子标签的宽带均设置为width:100%

2、模拟器中,iphone系列正常,当内容超出屏幕宽度后,可以左右拖动滚屏

3、模拟器中,Nexus系列不正常,拖不动

4、在Nexus系列下,内部子标签的宽度即使设置width:

2000px;也没效果,需用百分比格式来设置

6 回复

请帮忙支持一下吧,这个功能很重要,谢谢

scroll-view高度100%的话会相对父节点计算,请确认这样设置是否会使内容高度有溢出,这样才能滚动

本意,是要需要内容能够左右滚动,不确定是模拟器的问题,还是真机上就这样

注:需要设置单个内容项的宽度,否则就乱了的

另外,这个内容项标签指定的width,如果??%,则横向滚动正常,但是这个百分比很难控制的,请开发人员给确认一下吧,多谢!

加个 white-space:nowrap  试试

<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系列下横向可正常滚动

回到顶部