c***@163.com
c***@163.com
  • 发布:2020-04-14 10:39
  • 更新:2024-03-25 13:39
  • 阅读:1276

【报Bug】scroll-view 苹果手机nvue页不横向滚动

分类:nvue

scroll-view 组件在 nvue 页里 不能横向滚动

HBuilderX里uni-app项目,内置uni-ui项目模板

详情见附件项目,及视频

HBulider 编译器版本:2.6.11(v3)

真机:
型号: iPhone 6s Plus
版本: iOS 13.3.1

主要代码:

<scroll-view scroll-x="true" :show-scrollbar="false">  
            <view style="height: 120rpx; background-color: #1AAD19; width: 2000rpx;">  
                <view style="flex-direction: row; flex-wrap: nowrap; background-color: #4CD964;">  
                    <!-- <view style="padding-left: 20rpx; padding-right: 20rpx; height: 110rpx; width: 286rpx;" v-for="(item, index) in testingLists" >  
                        <text style="font-size: 28rpx; line-height: 110rpx;">{{item.name}}</text>  
                    </view> -->  
                    <text style="font-size: 28rpx; line-height: 110rpx;">nnnn</text>  
                </view>  
            </view>  
        </scroll-view>
2020-04-14 10:39 负责人:无 分享
已邀请:
c***@e-buy.com
  • c***@e-buy.com

    有更简单的方法了——scroll-view添加flex-row样式、内部子元素添加一个flex-row的父容器即可

    2024-03-25 13:37

c***@163.com

c***@163.com (作者)

HBuilder 基座 编译器版本:2.6.11(v3)

GUNDAM

GUNDAM

顶上去 app-nvue 出现同样问题 横向不能滚动

c***@163.com

c***@163.com (作者)

经尝试,解决此不能滚动方式,加设子元素 height值为其他正常滚动的width值。(貌似横向滚动变成要设高度了)

c***@163.com

c***@163.com (作者)

此bug兼容ios方案,scroll-view高度写固定值,设为x放向滚动,y方向不滚动,直接子元素宽度和高度设为相同 。(解释:正常情况下设个让scroll-view滚动起来的宽度,sroll-view就滚动了,但此滚动宽度,在ios的nvue里无效了,可是设成高度可以让scroll-view滚动起来——直观验证效果:可以不滚动的ios的nvue里,scroll-view里子元素设个极大的高度值,可以看到scroll-view滚动起来的)

苍山暮色烟雨迟

苍山暮色烟雨迟

get <scroll-view 加个flex-direction: row;

c***@e-buy.com

c***@e-buy.com

有更简单的方法了——scroll-view添加flex-row样式、内部子元素添加一个flex-row的父容器即可

要回复问题请先登录注册