I had initially thought this was due to interactions, but when I remove the interactions I still see a “jerking” when scrolling from one section to the next.
Seems fine to me, but your “Learn More” buttons are acting weird… they show as squares, then when I hover over them, they turn into rectangles (how they should be).
In Chrome, on initial scrolling, it was a lil jerky… but going back up and down again was fine… almost like the caching had to take place before it was fine.
Tried on iphone8 plus. No jerking. One thing - the interactions seem to be coming in a slower speeds the further I scroll down the page. No sure if this is intentional
I ran into the same issue, and I figure it’s something to do with Chrome. It happened not on my laptop, but my workstation pc which has a dedicated gpu feeding two 22" monitors. There is plenty of gpu ram for website rendering, yet something within my website was causing scrolling to become jerky. Almost like Chrome was struggling with its draw refresh.
Didn’t happen on mobile version of site, tablet, or laptop, just on my workstation.
Do you know if your gpu is dedicated or integrated? I might be way off the mark with my observations, but it seems plausible.
It is actually when dragging the sidebar up and down. It is only on some projects that use a higher res background image. It’s the way chrome renders it on larger displays, because the same page run on a say, a laptop, does not have the same problem.
I know what you mean with the scroll multiple lines at a time option, but that is very different from what I was explaining :). Thanks though.
Now you can add a snippet of custom code to slow down the scroll wheel and the entire page, which will for sure slow everything down. This may be the best option if it bugs you.
Another option: Add a loader, which allow all the assets to load before javascript and other action happen. There may be a slight doubling/conflict of code on the page. Try a loader and see if it’s slows down the rendering a bit.