虚拟列表中途加入数据出现滚动抖动的bug
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 30/100
- Issue 类型
- 缺陷
- 描述清晰度
- 需要澄清
- 活跃度
- 停滞
- 技术栈
- react, typescript
- 领域
- frontend
调研方向
复现这样一种情况:向上滚动时,将较旧的两行评论添加到现有的单行虚拟列表的开头。首先跟踪在添加到开头和渲染周期期间如何处理项目高度和滚动位置。完成的标准是新添加的项目滚动时没有明显抖动,并且现有评论保持其预期位置。
由索引模型根据 Issue 内容生成。
描述
场景:上滑加载历史评论(每条都是两行显示)与原来的评论(每条都是一行显示)合并渲染时(合并操作为原来的列表内容向前追加历史评论),新加入的历史评论内容滚动时出现抖动情况,怀疑时新加入的评论itemHeight和原来不统一导致的。
- 主要语言
- TypeScript
- 星标
- 812
- 派生
- 171
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
react-component/virtual-list 的其他 Issue
-
难度 4/5 3-5 天 新手友好度 55/100
react-component/virtual-list#391 ·
-
难度 2/5 1-3 小时 新手友好度 58/100
react-component/virtual-list#325 · 1 条评论 ·
-
难度 4/5 3-5 天 新手友好度 35/100
react-component/virtual-list#303 ·
-
希望添加横向虚拟滚动未关闭
难度 5/5 一周以上 新手友好度 25/100
react-component/virtual-list#297 ·
-
难度 4/5 3-5 天 新手友好度 35/100
react-component/virtual-list#292 ·
查看 react-component/virtual-list 的全部 Issue
相似的 Issue
-
[good first issue, hacktoberfest] 🏯 Hacktoberfest Task - Add new Japan Fact 898 (good-first-issue)未关闭community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
难度 1/5 1 小时以内 新手友好度 86/100
lingdojo/kana-dojo#33145 · 1 条评论 · 5 个 reaction ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 76/100
code-yeongyu/senpi#4278 ·
维护者通常 1 天内回复
-
[Bug] Activity | The activity list ignores taskIds and returns the activities of every task可能已有人在做 @NdekoCode 今天认领。 未关闭
难度 2/5 1-3 小时 新手友好度 78/100
ever-co/ever-gauzy#11469 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 78/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 75/100
griffinwork40/agent-afk#4408 ·
维护者通常 1 天内回复