61 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
0
votes
0
answers
36
views
Angular SPA: AOS animations disappear when navigating away and back to a page
I'm using AOS (Animate On Scroll) in my Angular SPA with standalone components. The animations work fine when I first load the page, but when I navigate to another route and then return to the ...
0
votes
1
answer
44
views
Reactjs and AOS after page is loaded
I am using Animate on Scroll(AOS) plugin in reactjs. AOS Plugin intimates before the png image is loaded.
I see a greyed image instead of the actual image.
Here is the working url
I cannot share the ...
1
vote
0
answers
89
views
How to use AOS and loadash in the nuxt3.12؟؟
I installed two packages "Nuxt-aos" and "lodash" with pnpm libraries into my project and after that, I added these two to my nuxt.config.ts:
modules: [
"nuxt-aos",
&...
1
vote
0
answers
531
views
React | aos | node | Unknown file extension ".css" for /home/user/.../aos/dist/aos.css with
I am trying to use aos on a website based on React.
Here is the component I created according to https://getisotope.com/post/react-aos:
//AOSs.tsx
import AOS from "aos";
import "aos/...
1
vote
0
answers
82
views
AOS CSS animation does not work on scroll
I use the AOS CSS library for scroll animation, but now it works immediately when the page loads. How to fix it?
jQuery(document).ready(function ($) {
//AOS CSS
AOS.init({});
})
<...
1
vote
1
answer
170
views
data binding in AOS - possible?
I'm using Animate On Scroll in my angular poject, I have a bunch of images, that I want to reveal one after the other.
<div class="img-gallery">
<div *ngFor="let ...
-1
votes
3
answers
157
views
How to change animation on screen width threshold
I'm currently using the data-aos attribute to apply the "fade-up-right" animation to an element in my web page, like this:
<div className="des__Container" data-aos="fade-up-...
0
votes
0
answers
108
views
How do I stop overflow on my webpage when using AOS library
I added AOS library on this project sushi007.netlify.app and now I have an overflow... How do I stop it the page from overflow?
I tried adding overflow hidden on all the sections. It worked but the ...
0
votes
3
answers
1k
views
AOS not triggering animation in view with Astro component
My Astro component triggers AOS (Animate on Scroll) only once and not when in view. Here's my astro component:
---
import { Image } from '@astrojs/image/components';
import CTA from './common/CTA....
0
votes
1
answer
804
views
AOS.js animation problem hides dropdown in boostrap 5 navbar
I am developing a Drupal website with a nav menu using Bootstrap 5 and one of the requirement was to add some animation.
For the animation I have used AOS.js library and the problem happens after ...
5
votes
2
answers
4k
views
How to implement scroll-triggered animations in Next.js 13?
I am wondering how to implement scroll-triggered animations in Next.Js 13 properly.
I have tried to use a scroll-triggered animation library like AOS, but in order for it to work, it needs to be ...
0
votes
1
answer
11k
views
HTML: Make AOS animations play when page is first loaded
I am trying to make AOS flip-up animations start when the page is initially loaded.
I am refering to the animations applied to img items in <div class="social-media"> , i am using the ...
0
votes
1
answer
824
views
How to remove this horizontal scroll? (Pico CSS)
I am creating a website about a person, but I ran into a problem. I am using pico CSS and a library called aos animation(animation on scroll). When I scroll up, I see a horizontal scroll bar. When I ...
1
vote
1
answer
8k
views
I want to run aos fade up animation only once
When you enter the page for the first time, it should be fade up, but it's fade down. This problem seems to be caused by not only the fade-up effect when scrolling down the page, but also the fade-...
0
votes
1
answer
236
views
AOS Fade-In not working on parallax scrolling
AOS fade in should work on scroll, but setting overflow-x and y interferes with the effect. Nothing happens on scroll, fade in only works when i resize the window. I'm using this library: AOS Library
...