HTML & CSS · Senior · Question 63 of 75

What does `overscroll-behavior: contain` on a scrollable modal body prevent?

✓Correct answer: Scroll chaining: reaching the end of the modal no longer scrolls the page behind it
2Any scrolling inside the modal
3The browser's pull-to-refresh on desktop only

Explanation

It also suppresses pull-to-refresh and overscroll glow on mobile inside that container. Useful for chat panes, sidebars and modals.

Further reading

MDN: overscroll-behavior ↗

Test yourself

Take the HTML & CSS · Senior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.