Full Screen Section on Mobile Browsers

I have a page section using the "force-full-screen full-screen" class which works good on desktop (however, sometimes the js loads slower than the page, but that's not this issue), but not on mobile.

When on a desktop browser and you make the screen smaller, it still works fine, but on an actual phone, the window size changes as you scroll because the top toolbar becomes smaller or hidden, like on Chrome or Safari. This makes the js re-calculate the window height for the full-screen section, and causes a jerking motion while you scroll up and down.

Is there any way to set the js to only calculate the window size on page load and not constantly? Or is there a better solution?

http://dabbledigital.com/

    <div class="force-full-screen full-screen dark"

Thanks!