fullPage.js
fullPage.js copied to clipboard
Parallax with scrollBar:true stuttering in Safari
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?
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.
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!
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.
Seems this is still apparent.
Yeap, issue still open.