Giter Club home page Giter Club logo

Comments (8)

michalsnik avatar michalsnik commented on May 24, 2024 11

Hi @Anetk

First of all try to use newest version, which is 2.0.4:

<link href="https://cdn.rawgit.com/michalsnik/aos/2.0.4/dist/aos.css">
<script src="https://cdn.rawgit.com/michalsnik/aos/2.0.4/dist/aos.js">

Then make sure you use data-aos* attributes everywhere (These are the only proper ones since 2.0.0).

You don't have to override delay in your styles. By default there are durations and delays generated from 0 to 3000 with step 50.

Make sure you have AOS.init() in your JavaScript, and when it's still not working, try to add extra:

$(window).on('load', function () {
    AOS.refresh();
});

from aos.

anonet1 avatar anonet1 commented on May 24, 2024

Thanks a lot for quick response(: New version worked just perfectly!!Thank you!!

from aos.

michalsnik avatar michalsnik commented on May 24, 2024

Glad to hear that :)

from aos.

Marinnnnce8 avatar Marinnnnce8 commented on May 24, 2024

Tnx, that works for me! :)

from aos.

sandipkaushik avatar sandipkaushik commented on May 24, 2024

new version not working

from aos.

danielalvares avatar danielalvares commented on May 24, 2024

@sandipkaushik try to use the following:

$(window).load(function() { setTimeout(function() { AOS.refresh(); }, 500); });

For me, at least it worked. I'm not sure why the script has a delay sometimes, but this can handle the problem. I Hope it can helps you.

from aos.

Obewong avatar Obewong commented on May 24, 2024

I also found if you are still having issues, put a global delay to your animations for eg...

   AOS.init({ 
        duration: 700,
        delay: 400,
        once: true,
    }); 

from aos.

rahuljha12527 avatar rahuljha12527 commented on May 24, 2024

HI I make custom animation i am using data aos but not working @michalsnik

from aos.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.