swipe up and down on iPad scrolls to exact div position
I need to understand what approach to take to get the up / down swipe events on iPad to function the same as click events that scroll exactly to a div position. If you view the page I've set up and click on one of the green circle buttons on the right it will scroll down or up the page to a absolute positioned div on the page and trigger a function to change the button color.
swipping on the iPad will scroll right past any target or marker. I need it to stop at the div scrollTop() position.
For the moment I'm scrolling the html,body. I know if I enclosed my divs in a wrapper and disable iPad scrolling and and touch swipe plugging maybe I'll get what I want. But I'm lost in the myriad of information available about which approach to take. can anyone suggest the best method to start from?
sample: