Extra white space at bottom, not padding, or margin, in Safari, what is it?
<p>I am working on a project for a website, and I have come across a strange error. </p>

<p><strong>The Build and the Problem</strong></p>

<p>My website I'm building contains transitions, and slide up effects, which look and work as they are supposed to. They work properly everywhere else until you hit Safari and Safari IOS on the iPhone. What happens then is as you scroll down there is this tremendous amount of white space at the bottom of the screen it is neither padding, nor margin that can be identified by the inspector. So I'm a bit lost. </p>

<p><strong>Attempted Fixes</strong></p>

<p>I have googled this issue and search around, and found a few things, but they do not work. </p>

<p>My first attempt was:</p>

<pre><code>*{
    -webkit-padding-end: 0 !important;
}
</code></pre>

<p>nothing... Then I tried</p>

<pre><code>html, body{
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
</code></pre>

<p>It looked promising but again nothing. So I am at a loss. </p>

<p>To see the issue first hand please visit this link:</p>

<p><a href="http://main.test.supportworks.com" rel="nofollow">http://main.test.supportworks.com</a></p>

<p>make sure you visit on safari or an iphone. Your scroll speed does not matter, so once you get to the bottom, you'll see what I mean. </p>

<p>I thank you ahead of time for any assistance!</p>