Issue with page reload and whitespace

I am getting this issue with both the latest version 1.x and the alpha/beta 2.x.

When I reload a page and I am scrolled down on the page, scrolling back up I see that there is a white spaced gap due to the height calculation.

I am not sure how to go about fixing this, nor am I really sure how to share the issue with code as any codepen will just refresh the page at the top.

Code

<div class="parallax-window" data-over-scroll-fix="true" data-parallax data-src="image/url.jpg">
  // Start markup/code
</div>

Page Refreshed at the top of the page

Page when refreshed lower down on the screen

My Environment

Bootstrap 4 latest version Owl Carousel latest version 2.x

[akanolkar-cci]

// re-initialize animation onclick of tab links:
$(window).trigger('resize.px.parallax');

[nickmak]

@wstoettinger Sorry for the delay, took a little bit to compile a working demo. I’ve attached HTML/JS/CSS files that you can see what I’m seeing. parallax-demo.zip