注册登录

平安一生0708

平安一生0708

发布：2021-04-01 15:05
更新：2021-04-06 15:56
阅读：1315

【报Bug】nvue下scroll-view 与页面滚动冲突

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 3.1.7

手机系统： Android

手机系统版本号： Android 5.1

手机厂商： OPPO

手机机型： R9

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

    <view class="container">  
        <scroll-view class="margin-t20" style="height: 300upx;" scroll-y="true">  
                  <!-- 内容 -->  
                              。。。  
            </scroll-view>  
        <!--其他内容 -->  
    </view>  
</template>

操作步骤：

如上述nvue页面中添加内容

预期结果：

当整体页面内容过多产生页面滚动时，内部的scroll-view的上下滚动仍然生效

实际结果：

当整体页面内容过多产生页面滚动时，内部的scroll-view的上下滚动失效，
页面元素内容不足以产生页面滚动时，内部的scroll-view的上下滚动正常

bug描述：

当页面内容超出屏幕显示，产生滚动时，内部scroll-view的上下滚动就会失效。
代码示例如下：

2021-04-01 15:05 负责人:DCloud_Android_ST 分享

3 个回复

给scroll-view加固定高度，必须的

2104_DLS

贴一下示例项目，方便我们查找原因

2021-04-01 22:48
平安一生0708 (作者)

我加了固定高度，style="height: 300upx;"

2021-04-02 15:17
平安一生0708 (作者)

回复 2104_DLS: 怎么贴示例项目？我只找到粘贴代码

2021-04-02 15:20
2104_DLS

回复平安一生0708: 上传附件

2021-04-02 15:33
平安一生0708 (作者)

示例代码已上传，谢谢

2021-04-02 16:39

平安一生0708

平安一生0708 (作者)

示例项目

testScroll.zip

DCloud_Android_ST

目前nvue的scroll-view暂时不支持嵌套滚动

平安一生0708 (作者)

明白了，多谢，页面内容超出一屏会自动在外层加scroll-view，对吗

2021-04-10 18:14
DCloud_Android_ST

回复平安一生0708: 是这样

2021-04-12 12:23
平安一生0708 (作者)

回复 DCloud_Android_ST: 好的，多谢

2021-04-14 20:22

该问题目前已经被锁定, 无法添加新回复