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!
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.
Go to Settings and tap Accessibility. Turn on the feature, then use the slider to select a sensitivity level.
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.
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.
If you need vertical scroll only, you could use {'axis':'y'}
as settings to scrollTo method.
$.scrollTo(*selector*, *time*, {'axis':'y'});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With