Scroll Tests
Test various scrolling behaviors and position tracking
Scroll Y:
0px
Progress:
0%
Section:
None
Scroll Controls
Navigate page with programmatic scrolling
Jump to Section
Quick navigation between page sections
Section 1: Introduction
This is the first section. Scroll down to see more content.
The navigation buttons above will highlight as you scroll through sections.
Section 2: Features
This section demonstrates smooth scrolling between sections.
- Smooth scroll animations
- Scroll position tracking
- Section visibility detection
- Programmatic scroll control
Section 3: Horizontal Scroll
This section includes a horizontal scroll area:
Card 1
Card 2
Card 3
Card 4
Card 5
Card 6
Card 7
Card 8
Section 4: Scroll Into View
Test the scrollIntoView functionality with different options:
Scroll area filler content...
More filler content...
Section 5: Conclusion
This is the final section. You've reached the end of the scroll test!
Quick Navigation
Scroll Statistics
0px
Scroll Position
0%
Page Progress
None
Current Section