Question 1 of 12
What establishes the snapping model on a scroll container?
It selects the snapping axis and strictness.
Quiz
CSS Scroll Snap and Scroll Behavior Quiz
Check understanding of snap positions, snap areas, scroll padding and margins, snap strictness, smooth scrolling, ownership boundaries, and developing Scroll Snap Level 2 features.
12 questions
~5 min
Intermediate
Knowledge check
CSS Scroll Snap and Scroll Behavior Quiz
Check understanding of snap positions, snap areas, scroll padding and margins, snap strictness, smooth scrolling, ownership boundaries, and developing Scroll Snap Level 2 features.
- Stuck? Each question has an optional hint.
- Skip a hard question and review it before your results.
- Questions and answer options can shuffle between attempts.
You can retake this quiz whenever you like.
0:00
Question 2 of 12
What defines the preferred alignment of a snap area?
It specifies how the snap area aligns in the snapport.
Question 3 of 12
What changes the snapport inset?
It adjusts the inset used by scroll positioning and snapping.
Question 4 of 12
What changes the effective outset around a snap target?
It adjusts the snap area used for scroll positioning.
Question 5 of 12
What can prevent a snap area from being skipped?
It requests that the snap area not be skipped during relevant scrolling.
Question 6 of 12
What does scroll-behavior control?
It controls instant versus smooth behavior for specified scrolling operations.
Question 7 of 12
Who owns scroll-container formation?
Overflow defines scrollable overflow and the conditions for scrolling.
Question 8 of 12
Who owns scroll/view progress timelines?
That owner maps scroll progress to animation progress.
Question 9 of 12
What does scroll-snap-type: both mean?
The container can snap in both dimensions.
Question 10 of 12
What is the status of Scroll Snap Level 2?
Level 2 is developing work rather than the stable core.
Question 11 of 12
What does Scroll Snap not provide?
HTML and accessibility mechanisms provide semantics and controls.
Question 12 of 12
Which API family owns scrollTo() and scrollIntoView()?
Those are imperative scrolling APIs, not CSS Scroll Snap properties.
Quiz results
0/0
Review
-
What establishes the snapping model on a scroll container?Hint used
-
What defines the preferred alignment of a snap area?Hint used
-
What changes the snapport inset?Hint used
-
What changes the effective outset around a snap target?Hint used
-
What can prevent a snap area from being skipped?Hint used
-
What does scroll-behavior control?Hint used
-
Who owns scroll-container formation?Hint used
-
Who owns scroll/view progress timelines?Hint used
-
What does scroll-snap-type: both mean?Hint used
-
What is the status of Scroll Snap Level 2?Hint used
-
What does Scroll Snap not provide?Hint used
-
Which API family owns scrollTo() and scrollIntoView()?Hint used