I want to make a custom horizontal scrollbar so that all OSs render it the same, no ugly windows scrollbars.
I know how to make one via JS using some division with scroll top, but I need to hide the default scroll bars, but leave overflow on so I can still detect the onscroll event (so gestures on OSX touchpad, mousewheeel, etc. are all handled for me and trigger the onscroll callback).
Ideas?
You have to manage all by yourself.
iOS devices doesn’t trigger scroll events like desktop browser. You have scroll event only at the end of the touch.
If you want track all the scrolling sequence, you have to track the touchstart/touchmove/touchend (and touchcancel).
http://developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html