jarallax icon indicating copy to clipboard operation
jarallax copied to clipboard

Jerky on scroll in IE

Open BackuPs opened this issue 8 years ago • 5 comments

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

BackuPs avatar Mar 28 '16 15:03 BackuPs

Hi, BackuPs.

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

nk-o avatar Apr 04 '16 19:04 nk-o

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

BackuPs avatar Apr 05 '16 07:04 BackuPs

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

animald avatar Feb 20 '19 14:02 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?

animald avatar Feb 20 '19 14:02 animald

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:

https://github.com/nk-o/jarallax/blob/406de2c2af747e985f9aa910deaac7c9841c80da/src/jarallax.esm.js#L234-L237

nk-o avatar Mar 01 '19 10:03 nk-o