Parallax Sections stutter on scroll (possibly a classic row/column issue?)

I have a local test site that I’ve been playing with, and the parallax background sections are stuttering as you scroll up or down the page. Does it both in the builder, as well as the live site.

I still need to do some testing to narrow down exactly where the root cause lies, but here’s the basic gist of the setup.

  1. The layout and everything was built with the previous release version
  2. They are full-width sections with an image for the lower layer, and a 50% black upper layer, and a top/bottom 5 rem padding
  3. Parallax for the lower layer at 150%
  4. Two classic columns in one classic row
  5. In one column, there is an image, and in the other a headline and button
  6. I manually input flexbox values on the rows to stretch the columns and reverse certain rows on desktop (this is the only “custom” thing I did)

Here’s a dropbox link to a video showing the stutter. https://www.dropbox.com/s/30iucigngmrfqzl/Stuttering%20Parallax.mov?dl=0

What appears to be shown in the stutter is the underlying content from the next parallax section.

Thanks for letting us know! Would it be possible for you to send me a template of this? That would be the most predictable way for me to reproduce it and poke around at the parallax code. You could add a “secure note” with a dropbox link.

Sure, attaching that next…

Thanks @devinelston I’ve confirmed this, and I’ve been looking into it. Not sure what’s happening yet. Oddly, it doesn’t seem to stutter when dev tools are open… I’ve observed it a few times just viewing the page directly. I’ll update this thread when I know more.

1 Like

When beta3 is pushed out (likely tomorrow) give it a try. I rewrote parallax handling without jQuery and I used passive event listeners. The front end is noticeably smoother. Every so often on large pages there is some jitter in the preview, but overall definitely an improvement.

:thumbsup:

Hey, just a quick FYI that the beta3 uploaded yesterday included these changes.

Nice, it’s very smooth now. Thanks for the fix!

Awesome! Thanks for confirming.