Jerky on scroll in IE

[BackuPs]

Hi

Any idea how to fix the jerky behaviour on IE 11 or above on scroll up and down?

I searched for hours now and it seems to be a ie problem.

http://champion.backupsdemo.nl/parallax

Best regards,
BackuPs

[nk-o]

Hi, BackuPs.

Try new version 1.6.0. Should be slightly improved overall performance.

[BackuPs]

Hi nK,

Great support !

I uploaded the new scripts and in IE on scrolling i still see a white area on scroll in the top of each container until i stop scrolling. I guess its a stupid IE issue.

http://champion.backupsdemo.nl/parallax-t3d

http://champion.backupsdemo.nl/parallax

But its really superb the way you support this.

Thank you.

Best regards,
BackuPs

[animald]

Wait, accepting that this is an IE issue does not equate to case closed - surely?

[animald]

I created my background layer as a jarallax-element instead - the jerkiness goes away, so perhaps the solution you're looking for here lies in whatever solution is behind that?

The problem is around fixed position elements. So although a parallax background should appear fixed, we should be able to absolutely position it, negatively top or bottom depending on the shift value, and we should in theory see the same effect?

[nk-o]

Hi @animald.

I tested a lot with Absolute and Fixed positions, but eventually gave up. Some of IE works better with Absolute, some with Fixed, on different PCs backgrounds behave also differently.

In the end, Absolute position is only added on iOS and Android devices in this line:

jarallax/src/jarallax.esm.js

Lines 234 to 237 in 406de2c

	// position fixed is needed for the most of browsers because absolute position have glitches
	// on MacOS with smooth scroll there is a huge lags with absolute position - https://github.com/nk-o/jarallax/issues/75
	// on mobile devices better scrolled with absolute position
	position: /iPad|iPhone|iPod|Android/.test(navigator.userAgent) ? 'absolute' : 'fixed',