iPad: Override undesired scrolling effect

Last Updated 2 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.

File.php

Make the following changes to this file:

  1. Remove the lines starting with 'left', 'margin-left', 'margin-top', and 'top' (lines 5, 6, 7, and 9)
  2. Change 'position: absolute' to 'position: fixed'

Before:

File.php

After:

File.php
Originally published 1/2/2019