About Overscroll Behavior
Overscroll behavior determines what happens when a user scrolls past the boundaries of a scrollable element. By default, it may cause scroll chaining to the parent document or a pull-to-refresh action.
Methods to Control Overscroll
1. Pointer Events Control
Using pointer-events: none on the iframe prevents it from capturing scroll events, effectively disabling overscroll within the iframe.
2. Wrapper Div with Overflow Control
Wrapping the iframe in a container with overflow: hidden and controlling dimensions through the wrapper.
3. Alternative: overscroll-behavior-y (requires iframe access)
If you could access the iframe content, you would use overscroll-behavior-y: none on the body element inside the iframe.