Categories
css

Prevent parent scrolling

  •  overscroll-behavior
    • auto – Default. Scrolls that originate on the element may propagate to ancestor elements.
    • contain – prevents scroll chaining. Scrolls do not propagate to ancestors but local effects within the node are shown. For example, the overscroll glow effect on Android or the rubberbanding effect on iOS which notifies the user when they’ve hit a scroll boundary. Note: using overscroll-behavior: contain on the html element prevents overscroll navigation actions.
    • none – same as contain but it also prevents overscroll effects within the node itself (e.g. Android overscroll glow or iOS rubberbanding).

 

Leave a comment