收藏
回答

scroll-view标签横向滚动内容在模拟器中,Nexus系列环境下不能滚动

问题模块
API和组件

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

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

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

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

4、在Nexus系列下,内部子标签的宽度即使设置width:2000px;也没效果,需用百分比格式来设置


最后一次编辑于  2017-11-17  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

6 个回答

  • 黄思程
    黄思程
    2017-11-17

    加个 white-space:nowrap  试试

    2017-11-17
    赞同
    回复
  • 黄思程
    黄思程
    2017-11-17

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

    2017-11-17
    赞同
    回复
  • 高烽(辣椒酱)
    高烽(辣椒酱)
    2017-11-21

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

    2017-11-21
    赞同
    回复
  • 高烽(辣椒酱)
    高烽(辣椒酱)
    2017-11-17

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

    2017-11-17
    赞同
    回复
  • 高烽(辣椒酱)
    高烽(辣椒酱)
    2017-11-17

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

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

    2017-11-17
    赞同
    回复
  • 高烽(辣椒酱)
    高烽(辣椒酱)
    2017-11-17

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


    2017-11-17
    赞同
    回复