Loading challenge...
Virtual List
Work with virtualized lists
Virtualization Stats
Performance metrics for the virtual list
Total items
10,000
Rendered items
12
Visible range
1 - 12
Scroll position
0px
Virtualized User List
Only visible items are rendered for performance
1
User 1
user1@example.com
2
User 2
user2@example.com
3
User 3
user3@example.com
4
User 4
user4@example.com
5
User 5
user5@example.com
6
User 6
user6@example.com
7
User 7
user7@example.com
8
User 8
user8@example.com
9
User 9
user9@example.com
1
User 10
user10@example.com
1
User 11
user11@example.com
1
User 12
user12@example.com
Jump to Item
Navigate to specific positions in the list
Testing Tips
Automation hints
- ✓ Use #virtual-container.scrollTo() to navigate to specific positions
- ✓ Check #rendered-count stays small (10-12) regardless of scroll position
- ✓ Verify #visible-range updates correctly after scrolling
- ✓ Use [data-index] attribute to identify items by their position
- ✓ Test #jump-start, #jump-middle, #jump-end buttons for navigation
