A Quick tip for developers that want to implement HTML5 lists (or other scrolling content).
In this video, we have a quick tip for developers that want to implement HTML5 lists or other scrolling content. According to the author, ‘’most often, this involves leveraging the overflow: scroll; CSS property on a container’’.
He mentioned also that, the reason for this is that the container housing the content isn’t hardware accelerated by default; in fact it is possible to fix this simply by adding the -webkit-overflow-scrolling: touch; CSS property and instantly see the improvements like: Smoother scrolling and support for much larger content sets; Visual bounce effect when scrolling at the edges of the list; More responsive touch / tap interactions.
He mentioned also that, the reason for this is that the container housing the content isn’t hardware accelerated by default; in fact it is possible to fix this simply by adding the -webkit-overflow-scrolling: touch; CSS property and instantly see the improvements like: Smoother scrolling and support for much larger content sets; Visual bounce effect when scrolling at the edges of the list; More responsive touch / tap interactions.