Aos: Bouncing elements when at top

Created on 7 Feb 2018  路  4Comments  路  Source: michalsnik/aos

When I put aos on elements that are at the top of the page they move to the top of the page, getting hidden for seconds and then bounce to their original position. Someone knows why this is happening?

Example of my page: noisypope.com

question

Most helpful comment

I see it's still happening on your page. And I think it's because of the sticky header - it's height is being automatically calculated, and affects position of boxes below, that's why item's are bouncing. Set fixed height on header and all should be fine ;)

All 4 comments

Try to set body in height: 100%;

I tried, but wasn't that

Hey @noisypope. Can you provide an example codepen/sandbox that reproduce this issue?

I see it's still happening on your page. And I think it's because of the sticky header - it's height is being automatically calculated, and affects position of boxes below, that's why item's are bouncing. Set fixed height on header and all should be fine ;)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

luminawastaken picture luminawastaken  路  3Comments

Crazy-Ivancz picture Crazy-Ivancz  路  5Comments

VeronikaMilic picture VeronikaMilic  路  4Comments

halverson picture halverson  路  4Comments

Panoplos picture Panoplos  路  3Comments