I’ve been slowly building a site with a lot of animation. During the build, I was previewing it and it all looked like it was working okay. Scrolling was a little jerky, but with some smoothing this really didn’t seem to matter.
The strange thing is that when I published the site, the scroll animations are unbearably jerky. It seems that the scroll action must complete before the animation starts. I’ve gone back and forth and it’s definitely much worse in when published than when previewing.
I’ve created a clone of the site with only one section of animation, which I’ve shared here.
It seems that it shouldn’t be a browser issue, as I use Chrome for both preview and viewing the published site. Also, if this was too much animation, then I would expect the problem to exist in preview also.
It’s all standard webflow other than a tiny bit of custom css in an HTML Embed element,
Any thoughts on this would be greatly appreciated!
Thanks in advance!
Here is my public share link: https://preview.webflow.com/preview/clearnoise-3a072a867c9cf2d7c75b6a4755b9?utm_medium=preview_link&utm_source=dashboard&utm_content=clearnoise-3a072a867c9cf2d7c75b6a4755b9&preview=6203f51e83f337928f7ae1b98850ee1e&mode=preview
Published site: https://clearnoise-3a072a867c9cf2d7c75b6a4755b9.webflow.io/