[Resolved] Mobile site jumps on scroll

[Jamal]

Hi Tom,

My site is kinda jumpy when scrolling on mobile and i saw the below thread which links to discussions on stackoverflow regarding this issue. What would be the best solution to use on GeneratePress?

http://www.kriesi.at/support/topic/mobile-version-jumps-as-you-scroll-down/

Video recording of the issue here http://www.kriesi.at/support/topic/mobile-version-jumps-as-you-scroll-down/#post-402055

[Tom]

Any chance you can link me to your site? Any sliders/other javascript on the page?

[Jamal]

Site is at cannysolutions.se . I have only particles.js and i have now tried removing <div id="particles-js"></div> from the page header but it’s still jumpy.

While you are on the site please click on “Kontakt” and then try to fill in the first input box, the page jumps taking the first input box below the mobile header. Any fix for that too? Thanks !

[Tom]

Hmm, I’m not seeing anything overly noticeable.

What if you disable the sticky effect with the mobile header?

[Jamal]

On my Samsung phone i’m experiencing a noticeable jump as in this video https://drive.google.com/file/d/0B832X01fZ6hLdWlISVNrX0QzV0k/view but maybe its not noticeable on other phones.

Well, to be honest i can live with it if there is no perfect solution. Thanks !

[Tom]

Hmm, not noticing anything on my Pixel. Did you try turning off the sticky nav to test?

[Jamal]

I disabled both sticky header and sticky navigation but it didn’t help. My main concern was the contact form jumping and going behind sticky mobile header but after setting a 100px offset its much better now.

Thanks !

[Tom]

Glad you figured out a workaround 🙂

[Author]

Posts