Scrollbars, IFrames on Mobile Device
Sometimes you have issues, that aren’t caused by you.
There are plenty of examples where you are the cause, but there are a few examples when you are honestly not the cause of an issue. I was involved with a project that required the use of an IFrame. I personally try to avoid IFrames at all cost, but in some instances you cannot. In this case, the IFrame contained dynamic content based on the user’s request, and response from the third party site. Since we did not have control over the 3rd party site, we did what we could on our end to accommodate various devices.
But as you can imagine, there are instances where your most practical solutions aren’t able to solve every issue.
We encountered an issue where outside of the main screen, you may need to scroll inside of the IFrame. In your web browser, traditionally you’ll see a second set of scrollbars – not ideal, but it gives your users the ability to see all the content.
Unfortunately, on mobile devices scroll bars do not appear and users have no idea that they need to scroll to access additional information. That’s when you have to hijack the scroll bar in some manner.
Here’s an example what I implemented thanks to StackOverflow.