aos icon indicating copy to clipboard operation
aos copied to clipboard

AOS and Owl Carousel

Open jrajasegaram-idc opened this issue 3 years ago • 2 comments

I'm using AOS and owl carousel to animate elements as you go from slide to slide. The first page works fine, but when I go to the next slide, the elements have already animated. I tested this out with a slide that has a long page. I went straight to that slide and scrolled all the way to the bottom, and then when I go to another page, all the elements (even when you scroll down) have already reached the position (I am mainly using fade ins). Anyone experience this or can provide some guidance? I've tried AOS init before and after carousel initialization.

Here is the code used:

var owl = $('.owl-carousel');
owl.owlCarousel({
    items: 1,
    dots: false,
    loop: false,
    autoplay: false,
    nav: false,
    singleItem: true,
    mouseDrag: false,
    touchDrag: false,
    pullDrag: false,
    freeDrag: false,
    autoWidth: false,
    smartSpeed: 10,
    URLhashListener: true,
    startPosition: 'URLHash',
    margin: 0,
    stagePadding: 0,
    autoHeight: true
});

AOS.init({
    duration: 1000,
    offset: 120,
});

jrajasegaram-idc avatar Jan 29 '22 21:01 jrajasegaram-idc

I have that problem too

Bleachedreligon28 avatar Apr 04 '22 09:04 Bleachedreligon28

The same here. I'm waiting for some solution

leorcdias avatar Oct 07 '22 12:10 leorcdias