Scrollability can hopefully become a shim thanks to overflow-scrolling: touch
There is allegedly some huge news tonight with a beta2 release of a mobile platform. It is said that the platform contains a new WebKit CSS property
-webkit-overflow-scrolling that if set to
touch would enable native scrolling within
Hopefully other platforms jump on this, and we push out the shim to as few devices as possible.
If this were true, something like this would implement pull to refresh. And, maybe you would see results such as:
scrollTopwill always report 0
- You can’t negatively position an element, it will not be shown but nothing
- Using the delta of start and end of the touch position, might break with multiple touches
- If the element is scrolled to top or to bottom it cannot be scrolled up or down unless you do the counter action. It can easily be fixed by setting
scrollTopto 1 on load. The sample didn’t fix this for subsequent pulls (yet). Hopefully this is a bug that will be fixed.
(Thanks so much to Christoph Pojer for these thoughts!)
As a mobile guru said earlier…. this is a game changer for the mobile Web.