Scrolling Issues on Safari/Chrome iOS

Hi, I'm having issues with scrolling on iOS (web). I have a web app that when you click on different pill shaped menus scrolls to the appropriate/related element on the page. When I click a different pill menu when scrolling is happening I get glitches on iOS browsers (safari/chrome) whereas everything is fine on Chrome Android. The wanted behavior is that when you click on the pill the scrolling goes to the needed item with no glitching or pause. I use jQuery's animate to scroll to the needed element and the scroll listener to detect whether the page is at the right position to illuminate the right pill (make it active).

Is there any advice/recommendations to fix this issue?

Accepted Reply

For anybody having this issue or unnatural scrolling behavior, this css line on your body or concerned div should fix it: -webkit-overflow-scrolling: touch

Replies

For anybody having this issue or unnatural scrolling behavior, this css line on your body or concerned div should fix it: -webkit-overflow-scrolling: touch