Chrome / Opera conflict issue

[robbieobbie]

Hi guys,

Love the script, I use it all the time.

I am having some trouble figuring out why wow.js is disabling some background images on my site, only in Chrome and Opera. Works perfectly in Firefox and Safari. I've used this script many times before so I am assuming this is a conflict.

If this is something you can spot immediately and help with I would greatly appreciate some advice.

http://howdoyouroll.com/new/franchise/

[tairemad]

I noticed the same thing was anyone able to figure out how to correct this error? I am apprehensive to use since many people use chrome and it will essentially break my site on chrome.

[robbieobbie]

I realized that setting an actual height to my containers helped with the issue. Before, I had them set to 100vh with modernizr as a back up. Seems like Wow struggles to calculate without a fixed height and it results in some unpredictable behavior. Still, setting a 500px height causes delays and jumpiness in chrome and opera. Possibly due to fixed background images... not too sure.

[tairemad]

I actually was going thru the issues and then tried to add my background image inline and then I tried using the older version and went back to the latest version and somehow its working now. I dont have set heights because I was using on a parallax scroll site.

[attilaolah]

Hi @robbieobbie, I tried to look at your web page in both Chrome 37.0.2031.2 and Firefox 29.0.1, and they both look the same to me, apart from some fond rendering differences. Are you still having this problem?

[robbieobbie]

Thanks, @attilaolah... I ended up removing the wow.js on the majority of the pages. The errors must have been due to wow.js conflicting with 100vh containers and fixed background images...

Thanks for taking the time to look at it. I use wow.js all the time and will continue to with complete satisfaction.

[attilaolah]

Closing this as I can't seem to reproduce the problem. Please reopen with a link to an example page if you're still having this issue.

Note that I've changed how we handle inline style attributes a few versions back, so this might have been fixed there.

[peterhobbs]

Hi @attilaolah - thank you for wow.js it's truly wonderful. I am experiencing exactly the same issue as @robbieobbie and am hoping to reopen this conversation. I am building a site that has sections with heights that size to the height of the viewport. For some reason, in Chrome, wow is causing the fixed background images on other sections to not display for the first instant when they scroll into the viewport. Would really appreciate your help here. Here is the website:

http://peterhobbs.com/clients/cellobyanne/

[roryok]

I'm also having this issue. fixed backgrounds in Chrome and Opera (both webkit) pop in if they are below any wow.js elements.

[HamiltonMilan]

I'm having the same problem, does not start the animation and the elements are left with "style = hidden". The problem is intermittent, giving refresh sometimes works sometimes not. Updated to 1.1.2 has improved but it still happens only in Chrome and Opera. IE and FF are OK.
http://www.ensistweb.com.br/simenns

[hmahdavi921]

I use wow.js in my site It worked currently in ff but in chrome : animations run with bounce page elements .