126786 2014-01-10 14:46:48 -0800 Allow websites to disable elastic scroll effects 2025-03-24 13:19:51 -0700 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) Mac OS X 10.9 RESOLVED CONFIGURATION CHANGED https://twitter.com P2 Normal --- 1 kenneth webkit-unassigned simon.fraser webkit oldest_to_newest 966607 0 kenneth 2014-01-10 14:46:48 -0800 UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36 Steps to reproduce the problem: 1. Open twitter.com and log in 2. Scroll down 3. Observe elastic scroll on window interfering with infinite scroll What is the expected behavior? Elastic scroll would be disabled on this site. What went wrong? We'd like to disable elastic scroll, to remove the jarring clash between the infinite scroll and elastic scroll effect. We might also use overscroll in the future for pull-to-refresh effects. It's currently possible to remove this effect by using overflow:hidden on the html & body, and adding scroll to a wrapper div. However, this feels like a hack. Our library code is watching the window for scroll events. Ideally, elastic scroll could be disabled with a CSS property or meta tag. https://code.google.com/p/chromium/issues/detail?id=333021 1161862 1 webkit 2016-02-03 18:29:42 -0800 I believe you're referring to momentum/"rubber-band" scrolling, which can be controlled via https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling 1162133 2 kenneth 2016-02-04 12:58:26 -0800 I'm referring to the rubber-band effect, but I'm keen ot keep the momentum scrolling. This css property appears to address the momentum only. 1315146 3 simon.fraser 2017-06-02 11:47:31 -0700 There's a proposal for a CSS property to control this: https://github.com/w3c/csswg-drafts/issues/769 2105666 4 simon.fraser 2025-03-24 13:19:51 -0700 We now support overscroll-behavior.