Heya guys, Run into a lil' bit of a problem and wondering if anyone has come across this before at all?
This particular problem -ONLY- pertains to Mootools Fx.Scroll (1.2.x thru 1.4.x) (or Fx.SmoothScroll) in Safari running on iOS. - Regular desktop OS = 100% fine - Unfortunately I can't give you a URL or code because it's on a dev' box behind a firewall, but it's essentially emulating this website's functionality -exactly- http://annasafroncik.it/ (NOTE: This website interestingly has exactly the -same- issue on iOS and is quite handily... using Mootools). The problem: ------------------- On a regular PC everything works just as it should; fine and dandy. The content area is crazy crazy long and the fixed nav' (when clicked) will scroll to the right place as intended. You can also scroll independently of the Nav' with the window scroll bar. Beautiful on a desktop. Now fire that URL up on iOS... specifically (for viewport) an iPad. I can "finger scroll/touch" (...actually found out it's "mousewheel" - http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html...) up and down through the content just fine. The menu even works; BUT!... When you combine the two.... Example: + I click an item on the menu. It scrolls to the correct place on the page. Awesome! + I use my finger to scroll up and down the page on iOS, also perfect. Awesome! + HOWEVER. I click the menu, it scrolls, BUT when I click -another- menu item (without finger scrolling) it doesn't work. BUT. If I click a menu item, -thne- I "finger scroll" (even the smallest fraction), the other menu items work again... Weird? Ideas? I've a sneaky feeling it's something to do with scroll behavior on iOS effectively being the same as mousewheel on a desktop, an onScroll event isn't fired until the scrolling momentum physically stops. Yeah! I'm curious. Ideas; thoughts.....
