I’ve been meaning to have a look at updating my vertical scrollbar code so it works on a touchscreen. Finally found time this weekend to have a look…with rather limited results. I created three versions of the page, one using touchpunch, one with touchpunch improved, and one with a basic mapping of touch events to mouse events.
| Device | OS | Browser | TP | TP improved | Mapping |
|---|---|---|---|---|---|
| Versus tablet | Android 4.0.4 | Android browser | Fails | Fails | Fails |
| Samsung Galaxy Ace | Android 2.3.6 | Android browser | Fails | Fails | Fails |
| Apple iPhone 3G | iOS 4.2.1 | Safari | Works | Works | Works |
| Samsung Galaxy Ace 2 | Android 4.1.2 | Android browser | Works | Works | Works |
| Apple iPad Mini 1 | iOS 8 | Safari | Works | Works | Works |
| Nokia Lumia 635 | Windows 8.1 | IE11 | Works | Works but with errors | Works |
Conclusion so far…Touchpunch works on newer devices only. If you have access to a different device, test the different pages and let me know the result.
Tags: jquery ui, touchscreens