Bug 126786 - Allow websites to disable elastic scroll effects
Summary: Allow websites to disable elastic scroll effects
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.9
: P2 Normal
Assignee: Nobody
URL: https://twitter.com
Keywords:
Depends on:
Blocks:
 
Reported: 2014-01-10 14:46 PST by Kenneth Kufluk
Modified: 2017-06-02 11:47 PDT (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Kenneth Kufluk 2014-01-10 14:46:48 PST
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
Comment 1 Chris Rebert 2016-02-03 18:29:42 PST
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
Comment 2 Kenneth Kufluk 2016-02-04 12:58:26 PST
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.
Comment 3 Simon Fraser (smfr) 2017-06-02 11:47:31 PDT
There's a proposal for a CSS property to control this: https://github.com/w3c/csswg-drafts/issues/769