Web page jitter when scrolling on iPad with a full screen slider div

1 reply · opened Dec 22, 2016

SSemicolon WebSTAFFDec 23, 2016

Hello,

The Jerking of the Scrolling Behavior is because of the .force-full-screen Class and only happens on iOS Devices since you will notice that while scrolling down, the iOS Safari Browser’s Address Area gets resized and this Triggers the Window Resize event and resizes the Slider Area to the adjusted size after scrolling. This also happens only on Fixed Header Layouts, ie. One Page Modules. So, currently the only way to prevent this is by removing the .force-full-screen Class from the Slider Area and use Responsive Heights to set fixed heights. More details about how to use the Responsive Heights can be found in the Documentation > Page Elements > Useful Snippets section.

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard