uni-app 安卓APP 多个scroll-view标签 scroll-y 嵌套开发时 被嵌套的scroll-view 无法正常滑动

uni-app 安卓APP 多个scroll-view标签 scroll-y 嵌套开发时 被嵌套的scroll-view 无法正常滑动

类别 信息
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 Windows10
HBuilderX 正式
HBuilderX版本 3.2.12
手机系统 Android
手机版本号 Android 11
手机厂商 华为
手机机型 华为9X
页面类型 nvue
打包方式 云端
项目创建方式 HBuilderX

预期结果:

  • 多个scroll-view标签 scroll-y 进行嵌套开发, 被嵌套的scroll-view 可以正常滑动

实际结果:

  • 安卓APP 多个scroll-view标签 scroll-y 进行嵌套开发, 被嵌套的scroll-view 无法正常滑动,小程序端 可以嵌套滑动

bug描述:

  • 安卓APP 多个scroll-view标签 scroll-y 进行嵌套开发, 被嵌套的scroll-view 无法正常滑动,小程序端 可以嵌套滑动

更多关于uni-app 安卓APP 多个scroll-view标签 scroll-y 嵌套开发时 被嵌套的scroll-view 无法正常滑动的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

希望官方大大可以解答下吗? 谢谢啦

更多关于uni-app 安卓APP 多个scroll-view标签 scroll-y 嵌套开发时 被嵌套的scroll-view 无法正常滑动的实战教程也可以访问 https://www.itying.com/category-93-b0.html


暂时不支持scroll-view嵌套 临时方案请使用vue

好的呀 我再想想办法吧 谢谢啦,希望可以解决下这个问题哈

在nvue页面中,Android平台对嵌套scroll-view的支持确实有限制。这是由于Android原生滚动容器的嵌套滚动机制与Webview不同导致的。

解决方案:

  1. 使用list组件替代:对于nvue页面,建议使用list组件替代嵌套的scroll-view。list组件在Android平台有更好的性能表现,且支持嵌套滚动。

  2. 设置scrollable属性:如果必须使用scroll-view,尝试为内层scroll-view设置scrollable="true",但注意这在Android上可能仍不理想。

  3. 避免嵌套滚动:重新设计布局,尽量避免scroll-view的嵌套。可以考虑使用单个scroll-view配合不同区域的内容展示。

  4. 使用page-meta:在非nvue页面中,可以使用page-meta组件设置页面滚动,但nvue中不支持。

  5. 检查样式设置:确保内层scroll-view有明确的高度设置,且内容高度超过容器高度。

代码示例(使用list替代):

<template>
  <list>
    <cell>
      <!-- 外层内容 -->
    </cell>
    <list>
      <cell v-for="item in innerList" :key="item.id">
        <!-- 内层内容 -->
      </cell>
    </list>
  </list>
</template>
回到顶部