Frequently Asked Question
iPad: Override undesired scrolling effect
Last Updated 3 years ago
This is a function of the Safari browser, and how it handles the touch input. When you scroll to the top or bottom of any web page in a Safari window, it will behave the same way...moving entire GUI beyond frame, then bouncing back.
You can override this and prevent the unwanted scrolling.
Edit CSS File:
In any project export, open the file 'css/debugStyles.css' in a text editor.
Make the following changes to this file:
- Remove the lines starting with 'left', 'margin-left', 'margin-top', and 'top' (lines 5, 6, 7, and 9)
- Change 'position: absolute' to 'position: fixed'
Before:
After:
Originally published 1/2/2019