Using WOW.js with SharePoint

[tigerdi]

I am trying to get this to work with Sharepoint site. I have tried putting '#s4-workspace as the scrollContainer, as I know Sharepoint uses this as the scrolling container, but still doesn't work. The rest of the wow works fine, but elements will stay hidden as you scroll down.

Any ideas?

[SlalomUXMan]

To get these scroll animations working in SharePoint, there are 3 things you need to do:

First, set the scroll container in the wow.js settings:

  scrollContainer: '#s4-workspace'

Next, hijack the height SharePoint wants to put on s4-workspace:

$('#s4-workspace').css('height','auto !important');

Finally, add this to your CSS file:

#s4-workspace { overflow-x:hidden; visibility:hidden; }

Probably too late for Tigerdi, but someone else can use this to make SharePoint not like SharePoint.

[neilmario70]

Thank you SlalomUXMan!!! You saved me a lot of time. I am using SP2013 and just changing the scrollContainer worked for me. If I added anything else the page would be a blank page.