albertogasparin/Optiscroll

AOS Animate and Optiscroll conflict -Stops animation on scroll

ThianBrodie opened this issue · 0 comments

Hi Alberto

I use AOS Animate, both AOS and Optiscroll work perfectly separately, If Optiscroll is implemented it stops the AOS JS animation on the page when mouse scrolling, thus hiding my content.
Is there a way to prevent the plugin conflicting so I can use both instead of just one or the other? I have pasted below as I am not great with jquery or javascript.

Thian


 `<script src="templates/{$template}/animate/js/aos.js"></script>
{literal}<script>
$(document).ready(function () {
      AOS.init({
        easing: 'ease-in-out-sine'
      });
	});
    </script>{/literal}`

<!-- the Optiscroll  script -->
<script type="text/javascript" src="templates/{$template}/html/js/optiscroll/jquery.optiscroll.js"></script>

<script type="text/javascript">
$(document).ready(function () {
$('#scroll').optiscroll()
});
</script>