Scroll in View Interaction on CLASS with CMS Elements

Hello all! I’m looking for some help on interactions with my collection list.

I have a long list of functionalities which are in 1 CMS collection.

Each functionality is assigned a category, and I have created a collection list on my page for each of the 7 categories.

I the effect I am looking to create an effect where each item on the list fades in and out at the top and bottom of the screens. I have achieved this effect for the first collection list.

scrollanim

This is my set up, with the Collection item (class Fonctionnalités Élément) being the Trigger.

Screenshot 2020-01-16 at 11.56.03

I set the interaction to All Children with this Class. (Is this where my problem is?)

It works for all the items in the first collection list, however in the following lists the interaction doesn’t fonction correctly, despite the same elements being present.

Can anyone help me figure out what I’m doing wrong? Thanks a lot! :smiley:

Here is the page on my webflow server. (I have yet to build the hero, you have to start scrolling.)


Here is my public share link: Webflow - VOD Factory
(how to access public share link)