Animation start/end position different after resizing width.

[enyceedanny]

Hello. I'm having a bit of an issue.

Pay attention to the PCI compliance part (The 12 icons with text)

• I load the page up at 1400px let's say. Start scrolling down, most of the animations seem to trigger at the correct times, although the further down you go, some of the animations start off too late.
• Then i scroll back up, change the width of the page to 700px. Then start scrolling down again. You can see that most of the elements start to show up too late. But if you adjust the width of the browser within that position, it fixes itself.

Reference: www.gainmutual.com

Hopefully seeing the site will help you understand the issue that I'm having. Let me know if you need any additional info.

Thanks in advance.

[BN83]

I think the issue is because when you change the width of the page one or two of your content boxes are having the height adjusted due to squashing the width. This in turn forces everything to be pushed down the page and thus the triggers are at different points than they would normally be....

All of that said, i'm not sure how to get around it, as i'm currently in the same situation as you!