Skip to content

AOS Animate and Optiscroll conflict -Stops animation on scroll #39

@ThianBrodie

Description

@ThianBrodie

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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions