Page Scroll Y: 0px
Scroll Progress: 0%
Items Loaded: 10
Observer Status: Waiting
♾️

Test 1: Infinite Scroll

Scroll Δ‘αΊΏn cuα»‘i để load thΓͺm items (mΓ΄ phỏng API load)

⬇️ Scroll down to load more...
🎠

Test 3: Scroll Snap Carousel

Horizontal scroll vα»›i snap behavior

🎯

Test 5: Scroll to Element

Test scrollIntoView vα»›i cΓ‘c options khΓ‘c nhau

🎯 TARGET ELEMENT - Scroll Δ‘αΊΏn Δ‘Γ’y!
πŸ–ΌοΈ

Test 2: Lazy Load Images

Images load khi scroll vΓ o viewport (IntersectionObserver)

πŸ‘οΈ

Test 4: Intersection Observer

Detect khi element vΓ o/ra viewport

πŸ‘οΈ Element 1 - ChΖ°a visible
πŸ‘οΈ Element 2 - ChΖ°a visible
πŸ‘οΈ Element 3 - ChΖ°a visible
πŸ“‹

Test 6: Virtual Scroll (10,000 items)

Render chỉ visible items để tα»‘i Ζ°u performance

Rendered Items: 0 Range: 0-0
πŸ“Œ

Test 7: Sticky Header + Scroll Progress

Header sticky khi scroll, vα»›i progress bar

πŸ”₯ EXPERT++ CHALLENGES

Advanced scroll patterns for true Playwright masters!

⬆️⬇️

Test 8: Bidirectional Infinite EXPERT++

Load more khi scroll LÊN hoαΊ·c XUỐNG - giα»‘ng chat history!

Older Items: 0 Newer Items: 0 Current: 50
⏳ Loading older...
⏳ Loading newer...
πŸ”

Test 9: Scroll Spy Nav EXPERT++

Navigation tα»± highlight theo section Δ‘ang xem + click to scroll

πŸ“± Introduction

Welcome to our amazing product! This section introduces you to what we do.

Scroll down to explore more sections...

πŸ’Ό Features

Amazing feature 1: Super fast performance

Amazing feature 2: Beautiful UI design

Amazing feature 3: Easy to use interface

πŸ’° Pricing

Free tier: $0/month - Basic features

Pro tier: $9/month - Advanced features

Enterprise: Contact us!

πŸ“ž Contact Us

Email: hello@example.com

Phone: +1-234-567-890

Address: 123 Scroll Street

Active Section: 1 - Intro
πŸ”„

Test 10: Pull to Refresh EXPERT++

KΓ©o xuα»‘ng tα»« Δ‘αΊ§u để refresh (mobile pattern)

Pull State: idle Refresh Count: 0
⏰

Test 11: Scroll Timeline EXPERT++

Animation timeline dα»±a trΓͺn scroll position

Progress: 0% Visible Items: 0/10
🎒

Test 12: Momentum Physics EXPERT++

Drag & throw vα»›i physics simulation (inertia + friction)

Velocity: 0 Position: 0
πŸ’Ύ

Test 13: Position Memory EXPERT++

Nhα»› vα»‹ trΓ­ scroll - restore khi quay lαΊ‘i

Saved Position: None Current: 0px
🏎️

Test 14: Scroll Race EXPERT++

Multiple scroll targets - verify exact landing position!

Target: None Landed At: - Accuracy: -
πŸ“‹

Scroll Event Log

πŸš€ Page loaded - Scroll tests ready!
⬆️