WOW CSS Property "overflow-x: hidden" disables the visibility and animation-name on the Div

CSS Property "overflow-x: hidden" disables the visibility and animation-name on the Div

Open eyaln11 opened this issue 8 years ago • 7 comments

Dear Matthieu,

First of all, I would like to thank you about your wow.js product. It's really a great library and users like its effect right away.

I have noticed for a major issue and it will be great if you can assist.

I have developed a website for a scuba diving club : www.zenscubadiving.com ( I purchased a wow.js license for using it in my website ).

I got an issue that when the site is on mobile screens, the user can swipe the website to the right, thus seeing its empty margins. The common solution is to use the following css fix:

html, body { width: 100%; overflow-x: hidden; }

But when using the "body" element with the property "overflow-x:hidden;" , the result is: style="visiblity:hidden; animation-name:none;" on all divs which use wowjs effects.

How this issue can be solved ?

Thanks in advance,

Sincerely Yours,

Eyal Nahum, Web Developer [email protected]