AOS Animate and Optiscroll conflict -Stops animation on scroll
ThianBrodie opened this issue · 0 comments
ThianBrodie commented
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>