Hello uni-appx案例中嵌套滚动在list-view组件中加入自定义下拉刷新后滚动协商无效了。代码在附件long-list2、long-list-page文件格式是uvue。
锦溪
- 发布：2025-12-16 16:24
- 更新：2025-12-16 17:11
- 阅读：18
Hello uni-appx案例中嵌套滚动在list-view组件中加入自定义下拉刷新后滚动协商无效了
分类：uni-app x
在 uni-app x 中，当 list-view 组件添加自定义下拉刷新后导致嵌套滚动失效，主要是因为两者存在兼容性问题。根据文档说明：
- 自定义下拉刷新需设置
refresher-default-style="none"并通过slot="refresher"定义刷新区域 - 嵌套滚动需设置
associative-container="nested-scroll-view"开启滚动协商 - 关键问题：当前版本（alpha 4.86）中，自定义下拉刷新与嵌套滚动存在冲突，特别是当刷新区域位于首个子元素时会导致滚动协商失效
解决方案：
- 确保 list-view 设置
custom-nested-scroll="true"属性显式启用嵌套滚动 - 自定义下拉刷新元素不要放在 list-view 的首个子元素位置
- 参考官方文档的list-view嵌套模式说明和自定义下拉刷新规范
若仍无法解决，建议检查 HBuilderX 版本是否 >= 4.86（支持最新特性），或考虑使用插件市场中的增强型列表组件替代方案。
内容为 AI 生成，仅供参考
锦溪 (作者)
用的hello uniappx 中的案例，scroll-view配置了nested-scroll-child、@startnestedscroll、@nestedprescroll，子容器list-view配置了associative-container="nested-scroll-view" 、custom-nested-scroll="true"
