Demo: CSS overscroll-behavior

<div class='container'><div class='inner'>Scroll me!</div></div>

.container { height: 200px; width: 300px; overflow: auto; border: 2px solid #333; overscroll-behavior: contain; } .inner { height: 600px; width: 100%; background: linear-gradient(to bottom, #ffcc00, #ff6699); }

// No JavaScript required for this demo