Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

iPad Flicker on auto scroll using JQuery and Scrollto plugin

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!

like image 547
Shadi Almosri Avatar asked Nov 08 '10 16:11

Shadi Almosri


People also ask

How do I auto scroll on my iPad?

Turn on Automatic ScrollingOnce you've set up your document in Presenter Mode, press the “Aa” in the top right corner of the screen. There will be an option called “Auto Scroll”; click the toggle next to this to turn it on. Once Auto Scroll is on, you'll be able to adjust the speed of the scrolling in the settings.

How do I turn off auto scroll on iPad?

Go to Settings and tap Accessibility. Turn on the feature, then use the slider to select a sensitivity level.

How do I auto scroll PDF on iPad?

Open any PDF file. Tap 'aA' button on iPad or select More > View Settings on iPhone. Select Continuous scroll for the vertical direction or Single page view for the horizontal direction.

How do you scroll automatically to the bottom of the page using jQuery?

To auto scroll a page from top to bottom we can use scrollTop() and height() method in jquery. In this method pass the document's height in scrollTop method to scroll.


1 Answers

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

$.scrollTo(*selector*, *time*, {'axis':'y'}); 
like image 126
wsbrs Avatar answered Sep 27 '22 20:09

wsbrs