Hi guys!
I’m building a website where I have a list of links to news-articles inside a div on the left side of the page, positioned fixed. I want the contents of this div to scroll independently of the other content on the page.
I’m currently using overflow: auto to make this happen, however I have noticed that on the ipad specifically, I loose all bouncing and added “force” when swiping. Usually when you swipe downwards or upwards quickly the browser will carry on scrolling a bit after you have swiped. This does not happen on the ipad with overflow: auto, it completely stops scrolling when you stop swiping. Seems to be working fine on IE10 with touch, and android tablets with Chrome.
Heres the pen for it:
http://codepen.io/anon/pen/KvtDj
Any suggestions?