IPad using scrollTop with fixed navigation not working properly. Only works for the first time

Question

I am developing a single page site with vertical scroll for navigation. I have a fixed nav bar position, and my scrollable content should rise and fall while swimming to the right of navigation. Here is the preview link: http://mistersaisho.com/actioncreations/pageSlider/

The problem is that it works great in firefox, safari and chrome. When I view it on the iPad, the first time I select the nav element, the scroll works fine. Once it is completed, all the click functions from my navigator do not work, even those that do not control the contents of the slider.

I do not get an error when I am animating another property, such as marginTop, which will not work in my project, because I also need to be able to navigate the entire site using the page scroller.

Does anyone have any ideas on how I can solve this problem?

Thanks.

Answer 1

ipads and iphones do not seem to update their scrollTop position after animation unless you use your finger to move the scroll position after animation. you need to find a way to make the ipad recognize its scroll position. maybe try this instead of scrollTop; window.pageYOffset.

Answer 2

The solution that worked for me was as follows: fooobar.com/questions/150740 / ...