Overscroll-Behavior is not working

[ghost]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior

What specific section or headline is this issue about?

No response

What information was incorrect, unhelpful, or incomplete?

I don't see any value in overscroll behavior such as none, contain, and auto. All those does the same. that's leading me to confusion and it doesn't help me to understand the variants of the overflow values.

What did you expect to see?

I expected to see the right output.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/css/overscroll-behavior
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/overscroll-behavior/index.md
• Last commit: a4b661a
• Document last modified: 2023-09-06T03:25:27.000Z

[Josh-Cena]

Please give your browser version and screen recordings showing the behavior

[OnkarRuikar]

To experience this on a PC you need to use mouse wheel to scroll inner element. Difference between none and contain can be observed only on devices that have scroll bouncing effect e.g. iphone, ipads etc.

[myselfprincee]

To experience this on a PC you need to use mouse wheel to scroll inner element. Difference between none and contain can be observed only on devices that have scroll bouncing effect e.g. iphone, ipads etc.

I guess Android phones also have this bouncy effect right ??

[estelle]

The try it at the top shows the values of auto, contain, and none. This issue is addressed in the page. Closing. If that wasn't the issue, please create a new issue with a bit more specifics so we know what needs to be addressed. Thanks.