CODEWITHSUNDEEP
javascripthtmlcssanimate-on-scroll
Jack Scott
Jack Scott

Reputation: 119

AOS (animate-on-scroll) elements invisible on static site

I'm making a site for a client and trying to implement AOS library to make it look more dynamic. I've followed instructions from the GitHub :

Add to <head>

<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />

Add before </body>

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>

No luck. I've applied data-aos="fade-in" to a div in the Services section of this site (it should be obvious with the missing box) and it doesn't display at all for me.

Can anyone help?

Thank you,

Jack

Upvotes: 0

Views: 2913

Answers (1)

Cyrus
Cyrus

Reputation: 141

I've looked at the site and I think it has something to do with this css:

html, body {
    overflow: hidden;
    overflow-y: scroll;
}

This also caused a double scrollbar for me, you should remove those two lines.

Upvotes: 3

Related Questions