iPad Flicker on auto scroll using JQuery and Scrollto plugin

iphone jquery ipad ios scrollto
Shadi Almosri picture Shadi Almosri · Nov 8, 2010 · Viewed 16k times · Source

I am having a bit of a weird problem with iOS platform for a page i am developing. This is the page in question. When clicking any of the case study images, the page will first unhide the required case study then scroll to it.

This works on all desktop browsers on Windows and Mac, but on the iPhone and iPad you get a horrible flicker as it scrolls down.

Not quite sure how to debug or fix this issue.

Any ideas would be of great help!

Thanks in advance, Shadi

UPDATE 1

The latest page can be found here. Still haven't found a fix - if anyone has any idea it would be amazing!

Answer

wsbrs picture wsbrs · Jun 6, 2011

If you need vertical scroll only, you could use {'axis':'y'} as settings to scrollTo method. 

$.scrollTo(*selector*, *time*, {'axis':'y'});

Related questions

Preventing default context menu on longpress / longclick in mobile Safari (iPad / iPhone)

For a website I want to show a custom context menu when a user "longpresses" the screen. I've created a jQuery Longclick listener in my code to show a custom context menu. The context menu is displayed, but the iPad's …

Read More
Detect iPad orientation change

How to detect with javascript or jquery when user turns iPad from vertical position to horizontal or from horizontal to vertical?

Read More
$(document).click() not working correctly on iPhone. jquery

This function works perfectly on IE, Firefox and Chrome but when on the iPhone, it will only work when clicking on a <img>. Clicking on the page (anywhere but on a img) wont fire the event. $(document).ready(…

Read More