fullPage.js icon indicating copy to clipboard operation
fullPage.js copied to clipboard

Parallax with scrollBar:true stuttering in Safari

Open amoore108 opened this issue 7 years ago • 4 comments

I have noticed in the parallax demo page that if you set scrollBar:true and autoScrolling:true, the background images seem to jump and stutter on scroll, most noticeably in Safari on OSX.

Is there a fix or known issue for this?

amoore108 avatar Jun 29 '17 14:06 amoore108

Thanks for reporting it! Didn't notice it before! I'm afraid there's no solution for it at the moment. It is something I will need to test, but I won't have time for it until September.

I would recommend you to use scrollBar:false as the animation will be much more smooth.

Also, if you can use smaller images or remove the background-size: cover style, that will help.

alvarotrigo avatar Jun 29 '17 22:06 alvarotrigo

Thats great thanks, I'll take a look at some of the suggestions you mentioned. The fullpage element is inside an iframe, so I need to enable "scrollBar" and "autoScrolling" to prevent the parent page from scrolling. Strange use case I know!

amoore108 avatar Jun 30 '17 08:06 amoore108

Seems this is still apparent. Need scrollbar true due to having animations inside the fullpage sections which do not work without it but backgrounds are very jittery which is not good.

amityweb avatar Apr 04 '20 11:04 amityweb

Seems this is still apparent.

Yeap, issue still open.

alvarotrigo avatar Apr 05 '20 20:04 alvarotrigo