July 18, 2013 at 2:39 pm #26402
I am sure this topic has been posted to death but I cannot seem to get the Parallax effect on pages to work properly. I have the setup correct but the background image is super choppy as I scroll up and down with Safari. I would blame it on Safari but when I check your demo page http://www.kriesi.at/themes/enfold/portfolio-item/single-portfolio-fullscreen-slider-3/ it is perfectly smooth. You also have a slider on that page , as do I and there is no problems on the demo.
FYI, it works fine in Chrome and O.K. in Firefox (but then again it, as stated it looks Great in Safari on your Demo page)
**I am editing this post as I just discovered the effect works GREAT in “Stretched Layout” mode. I am using the boxed layout and that seems to be the issue.
So to sum it up, the Parallax effect with boxed layout on Safari do NOT mix well.
Is there a fix for this?
RickJuly 19, 2013 at 3:05 am #130281
I can see the problem on Safari. I tried to fix it but failed, I have no idea why it is not working properly on Safari. Let me tag Kriesi and the rest of the support team. This is what happens on Safari.
Fullwidth Slider Background Options
background-position: center center;
IsmaelJuly 20, 2013 at 3:49 pm #130282
The easiest way to QA this issue, would be for you to start with a fresh install , do a dummy data import which should have that same page ( http://www.kriesi.at/themes/enfold/portfolio-item/single-portfolio-fullscreen-slider-3/ ) and then add the same images as the demo sites to your local version of that page. when they are identical , then start adding the css code or customization you want, and you will see where the difference will be. I would compare the source code using something like http://www.winmerge.com to instantly see what makes the demo site different than yours.
NickJuly 20, 2013 at 6:36 pm #130283
I’m experiencing the exact same issue as rickswearingen. It works perfect in Firefox, but Safari jitters extremely when scrolling the full screen slider.
I have installed it on my local computer (MAMP) so I can’t send you a preview link.
GonzoJuly 20, 2013 at 7:58 pm #130284
Does this happen on the demo site as well? Trying to figure out if its an update, or code native to your installs/customizations causing this.. http://www.kriesi.at/themes/enfold
NickJuly 21, 2013 at 8:56 am #130285
Yes. Using safari and viewing this page: http://www.kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/ it has the same choppy effect.
GonzoJuly 22, 2013 at 9:23 am #130286
I don’t have an iMac to test this on. But there are others. Please hang in there just a bit more.
NickJuly 22, 2013 at 4:37 pm #130287
Thanks Nick for checking into this. As stated before FYI. this does NOT occur if I have the page set as stretched. Only in Boxed mode which is possibly why your sample page of http://www.kriesi.at/themes/enfold/portfolio-item/single-portfolio-fullscreen-slider-3/ works fine for me but the page referred to of http://www.kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/ is ALSO choppy on Safari even as a stretched page. I hope you guys can figure this one out as the effect is definitely eye-catching.July 22, 2013 at 6:14 pm #130288
I can see the problem when the layout is set to boxed but I am currently unsure on how to proceed here. this seems to be a bug in safari and I am not sure if there is a way to work around that problem with the current structure.
I will keep monitoring official safari upgrades and planned bugfixes and see if anything might work, but at this point I cant promise an immediate solution. probably the best solution right now, if you want to use boxed layouts is to make sure not to use the fixed backgroundJuly 23, 2013 at 2:30 pm #130289
The topic ‘Parallax Effect Choppy on Safari’ is closed to new replies.