Attempting to utilize wow.js in combination with animate.css
While my animate css is functioning properly and wow.js has been included and activated, it does not seem to detect when I scroll down to the element and therefore does not trigger the animation.
I have added the following code at the bottom of the HTML before the closing body tag, along with importing the animate.css library into my main.css file.
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>
new WOW().init();
</script>viewport
<meta name="viewport" content="width=device-width, initial-scale=1">Main.js - should be unrelated to wow.js
$(document).ready(function() {
console.log('Document ready');
$('.fa-bars').click(function() {
$('.nav__links').toggleClass('menu-appear');
});
$('.nav .nav__links a').click(function() {
$('.nav__links').toggleClass('menu-appear');
});
});
Animate.css has been imported into my main.css file.
I am completely puzzled as to why this is not working. Any ideas? You can view the test site at the following link: