Parallaxed elements jump to incorrect positions on resize

[trijammer]

The resize and scroll events use different calculations to position the parallaxed elements. Resize doesn't factor in the current scroll position, so when resizing after scrolling the parallaxed elements jump to an incorrect position.

$(window).on('resize', function () {
...
  bgOffset = Math.round(offset * factor);
  transform = Math.round((offset - (windowHeight / 2) + height) * factor);
...

VS

$(window).on('scroll', function () {
...
  bgOffset = Math.round((offset - scrolling) * factor);
  transform = Math.round(((offset - (windowHeight / 2) + height) - scrolling) * factor);
...

I've fixed this on my sites by copying the on scroll calculation to on resize.