Choppy, jumpy mobile scrolling

So I've asked the "Customer Care" team a few times about this issue.

Site scrolls fine on desktop but on mobile it is choppy and jumps up and down as you go by different content.

I've tried experimenting with parallax content on and off and other things, but it still happens. And quite frankly, just turning off parallax wouldn't be a "solution" really.

So the answer I always get is, "We're aware of this, but no ETA on a fix." That's just not acceptable. So I'm posting this to see if anyone has had any success with any hack to improve how jumpy things are on mobile.

We predominantly use Sonora and Mojave templates. Perhaps it isn't as bad on some templates?

Thanks.

Found a hack here that killed the jumpiness, but also parallax on mobile: https://answers.squarespace.com/questions/257395/is-parallax-scrolling-smooth-for-anyone-in-2019-mo.html

So I guess this is all tied to parallax.

That code injection stopped working for some reason.

We have also tried this in Custom CSS:@media only screen and (max-width: 720px) { figure[style] { transform: initial !important; } }

You can edit 720 to be whatever your breakpoint is. But this also has limited success.

Found another post that says this is due to cutting on fixed navigation in Styles. As a test we have disabled that, and for now that does seem to remove the jumpiness.

So it amazes us Squarespace techs have known about this for at least a year or two and can't figure out how to make mobile scrolling better. I would think it's in their best interest to have sites work great on mobile. No?

Will report back any new findings.

Hi SD,

I've exactly the same problem! So what I did is disable parallax on mobile, but only on mobile phones. 

I really need to fix the problem on tablet, that choppy and jumping it's really annoying! 

I've look at your link for the hack but I didn't find any answer about it, if possible can you perhaps let me get to that hack or any other solution you've found?

I'm dying to solve this problem :(  and by the way,  it's actually ridiculous they're not fixing this problem! We pay for a product that's not work as it should.

Thanks

34 minutes ago, LucasCetti said:

Hi SD,

I've exactly the same problem! So what I did is disable parallax on mobile, but only on mobile phones. 

I really need to fix the problem on tablet, that choppy and jumping it's really annoying! 

I've look at your link for the hack but I didn't find any answer about it, if possible can you perhaps let me get to that hack or any other solution you've found?

I'm dying to solve this problem :(  and by the way,  it's actually ridiculous they're not fixing this problem! We pay for a product that's not work as it should.

Thanks

 

If you share link to your site, we can check easier.

Hi tuanphan,

here is the link to my site https://www.matteocherubino.com/

The issue I need to solve is on tablet device where the parallax on the second video background and on the image by the footer is very choppy and jumping.

On desktop works fine, on mobile phone I've disabled parallax to avoid the problem.

Thank you!

I've also notice that most of the times the second video background with parallax does not appear at all 😞

Thank you again!

Has anyone come across a solve for this? Mine started jumping out of nowhere and parallax with Brine is the REASON why we chose this company.

@tuanphan do you have a solution for this?

It looks like this is an ongoing issue that Squarespace hasn't been able to fix in years, there are plenty of people who have had this problem...

we need a fix to this problem soon! Please, squarespace, listen to your customers

Can't believe there is no solution for this. I am seeing this jumpiness on mobile only.

I am ok to transfer to 7.0 to 7.1 if that fix it but that apparently is not possible either.

The only workaround i've found is disabling the animations in the site styles. Ridiculous really but it's as most of our customers use mobile, it has to work FIRST TIME. Thanks Squarespace👍

I found that by changing the animation away from "slide" actually fixed the problem for me. Hope this can help somebody

On 9/7/2021 at 5:28 PM, Ethan-s said:

The only workaround i've found is disabling the animations in the site styles. Ridiculous really but it's as most of our customers use mobile, it has to work FIRST TIME. Thanks Squarespace👍

I am having the same issue with the parallax scrolling effect creating a jumpy laggy experience on my mobile site. I cannot find the "animations" tab within site styles. Is animation exclusive to squarespace 7.1? I need a solution to the jumpy laggy look of my sites mobile version.

I am using Version 7.0– Brine family (Burke template): https://www.ryzeinfilms.com/

Has anyone been able to find a solution other than disabling site styles? I checked and don't have any enabled, but it still has this jumpy experience. I wonder if it is due to the first image on the page? Or maybe the padding? Although I have tried adjusting it already. So annoying!

My website is: www.maduinteriors.com 

Posting to see if anyone has any solution for this. While on mobile, carousel images are reanimating with every tiny scroll on mobile. It looks so wonky. Thanks, all!

@tuanphan Any advice for fixing this issue, or at least turning parallax off on mobile?

I'm on Brine/Sonora and can't seem to resolve the choppiness: https://pepper-buffalo-5bc8.squarespace.com

On 1/7/2023 at 2:40 PM, ceze said:

@tuanphan Any advice for fixing this issue, or at least turning parallax off on mobile?

I'm on Brine/Sonora and can't seem to resolve the choppiness: https://pepper-buffalo-5bc8.squarespace.com

Mine resolvled by turning off Ajax Loading.