How to make IE to support -webkit-overflow-scrolling?

0
votes

I'm developing a Web app that will only be used within an internal system, using either an iPad or a large touch screen with IE10. I have some areas of content that I'd like to make scrollable using overflow: auto.

For the iPads, I can use -webkit-overflow-scrolling: touch to bring in iOS-style scrolling to the content area – the main feature I want here is the ability to scroll the content up or down by touching anywhere in the content area (the same as you would scroll on any touch device). The iPads are perfect, but I'm having trouble finding an equivalent that will work in IE10. The normal scrollbar appears to the right of the content area in IE10, but this is a bit fiddly to use on a touch screen.

Does anyone know of a JavaScript solution that will replicate the functionality of -webkit-overflow-scrolling: touch in IE10?

1
internet-explorerwebkit

1 Answers

1
votes

Reference: http://www.quirksmode.org/css/css2/mobile.html

The above link is a compatibility chart for various mobile browser features across various platforms. The scrolling bits that are relevant to this question are at the bottom of the page.

Discussing the default scrolling quality for each platform, the author states:

The point of this entry is that only those browsers that have bad default scrolling quality need -webkit-overflow-scrolling: touch.

He lists iOS has having bad default scrolling quality and IE10 as having good scrolling quality. Therefore (in the opinion of the author of that page), IE10 does not need overflow-scrolling: touch.

Which is fortunate, because IE10 doesn't support it, and I can't see it being easy to polyfill it.