【报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>

nvueScrollview.rar

2020-04-14 10:39 负责人:无分享

7 个回复

c***@e-buy.com

此问题已找到完美解决方案，已分享经验：ios开发scroll-view横向滚动失效，动态获取scroll-view内部子容器总宽度，然后添加个宽度为1，高度跟子元素总宽度相等的view即可

c***@e-buy.com

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

2024-03-25 13:37

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

HBuilder 基座编译器版本：2.6.11（v3）

GUNDAM

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

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

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

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

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

8***@qq.com

有解决这个问题

2021-04-09 17:06

苍山暮色烟雨迟

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

c***@e-buy.com

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

要回复问题请先登录或注册

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

7 个回复

公告

相关问题

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

与内容相关的链接

7 个回复

公告

相关问题