RESOLVED FIXED 162499
Provide a way to set the same scroll inertia for "-webkit-overflow-scrolling: touch"
https://bugs.webkit.org/show_bug.cgi?id=162499
Summary Provide a way to set the same scroll inertia for "-webkit-overflow-scrolling:...
Dima Voytenko
Reported 2016-09-23 11:01:07 PDT
To make an element scrollable in CSS, currently the following has to be done: ``` .scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch; } ``` The WebKit-only `-webkit-overflow-scrolling: touch` adds momentum scrolling. However, the scroll inertia is drastically different from the native scroll on `<html>` element. Since it's a WebKit-specific issue, could you please add another CSS property to use the native-like inertia for bigger scrollable elements?
Attachments
Testcase: Scroll inertia of the viewport (348 bytes, text/html)
2017-04-24 08:57 PDT, Frédéric Wang (:fredw)
no flags
Testcase: Scroll inertia of an element (542 bytes, text/html)
2017-04-24 08:57 PDT, Frédéric Wang (:fredw)
no flags
Radar WebKit Bug Importer
Comment 1 2016-10-25 11:01:30 PDT
Simon Fraser (smfr)
Comment 2 2017-04-17 20:34:49 PDT
Resolved via https://trac.webkit.org/changeset/211197/webkit, which makes WKWebView have the same scroll deceleration as -webkit-overflow-scrolling: touch
Frédéric Wang (:fredw)
Comment 3 2017-04-24 08:57:11 PDT
Created attachment 307979 [details] Testcase: Scroll inertia of the viewport
Frédéric Wang (:fredw)
Comment 4 2017-04-24 08:57:38 PDT
Created attachment 307980 [details] Testcase: Scroll inertia of an element
Dima Voytenko
Comment 5 2017-04-25 09:45:29 PDT
Thanks a lot for fixing this! One thing I wanted to confirm. From the fix description it sounds like the scroll inertia in the WKWebView will now be the same as for an element with `-webkit-overflow-scrolling: touch`, right? Does this mean that Safari will eventually have the same scroll inertia as well?
Note You need to log in before you can comment on or make changes to this bug.