LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

长列表虚拟滚动优化方案 - Virtual Scroll Optimization for Large Lists

Optimizes rendering performance for large lists with over 1000 items using virtual scrolling techniques

Tags

Updated: 2026-02-11

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • render virtual list
  • handle scrolling
  • manage viewport rendering
  • calculate visible items
  • maintain buffer zones

Inputs

  • list data
  • container height
  • item height settings
  • viewport dimensions

Outputs

  • virtualized list
  • optimized DOM
  • viewport render range

Requirements

  • Vue3 environment
  • virtual scroll component
  • performance optimization need

Source

  • Spec: SKILL.md
performance
vue3
virtual-scroll
list
optimization
render virtual list
handle scrolling
manage viewport rendering
calculate visible items
list data
container height
item height settings
virtualized list
optimized DOM
viewport render range