Next level parallax scrolling with CSS variables

#1

Post by electerious » Tue, Feb 13, 2018, 3:42 PM UTC

Next level parallax scrolling with CSS variables
basicscroll.electerious.com

Re: Next level parallax scrolling with CSS variables

#2

Post by onion2k » Tue, Feb 13, 2018, 3:46 PM UTC

I think it's just because it's a horizontal animation that's activated by a vertical scroll event, but if I scroll quickly it looks pretty janky (in Chrome 64 on a relatively new iMac).

Re: Next level parallax scrolling with CSS variables

#3

Post by electerious » Tue, Feb 13, 2018, 7:51 PM UTC

onion2k wrote: post #2

I think it's just because it's a horizontal animation that's activated by a vertical scroll event, but if I scroll quickly it looks pretty janky (in Chrome 64 on a relatively new iMac).

Interesting. I'm not sure if I can do anything to improve the performance further. The frame rate stays by almost 60fps and the amount of repaints on the site has been reduced to a minimum. It runs smooth on my older retina MacBook, but I can also see a subtle janky animation when I scroll fast.