6

I am developing a single page site with vertical scroll for navigation. I have a fixed position nav bar and my scrolling content is supposed to go up and down while being floated right of the navigation. Here is a preview link: http://mistersaisho.com/actioncreations/pageSlider/

The problem is that it works perfectly fine in firefox, safari and chrome. When I view it on an Ipad, the first time I select a nav item, the scroll works perfectly. As soon as it completes, all the click functionality from my nav is not working, even the ones that are not controlling the slider content.

I do not get the error when I am animating a different property like marginTop, that will not work in my project because I also need to be able to navigate throughout the site by using the page scroller.

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

Thank you.

user1088963
  • 197
  • 1
  • 14
  • I was testing on the simulator iOS5, everything seems to work, are you using iOS4? Edit: Nvm I answered my own question, problem on iOS 4 only – Huangism Jun 01 '12 at 18:21
  • can you post some relative code, or create a simple example so we can test it? – Huangism Jun 01 '12 at 18:25
  • This worked for me [ios fixed positioning](http://stackoverflow.com/a/10439425/1435376) – Ruben-J Jun 05 '12 at 16:50

2 Answers2

0

ipads and iphones dont seem to update their scrollTop position after animating unless you use you finger to jiggle the scroll position after animating. need to find a way to force the ipad to recognise its scroll position. maybe try this instead of scrollTop; window.pageYOffset.

william
  • 186
  • 1
  • 6
  • This won't work on `IPAD4/IOS7`. and sadly couldn't find any other options to derermine the `scrollTop` during animation yet – DATEx2 Dec 16 '13 at 14:52
0

The solution which worked for me was this one: https://stackoverflow.com/a/11478853/43217

Community
  • 1
  • 1
mckamey
  • 17,359
  • 16
  • 83
  • 116