TouchScroll is a JavaScript- and CSS 3-based scroller for devices using Webkit Mobile. It is meant to mimic “native” scrolling feeling and behavior as much as possible.
When you drag to the top or bottom of the scrollview container, a css matrix transform is applied to the scrollbar and "squeezes" it. This also squeezes the border radius. Aesthetically speaking, it just looks weird and doesn't match the one on iPhone/Pod/Pad :)
When you drag to the top or bottom of the scrollview container, a css matrix transform is applied to the scrollbar and "squeezes" it. This also squeezes the border radius. Aesthetically speaking, it just looks weird and doesn't match the one on iPhone/Pod/Pad :)