The Scrollspy component listens to page scrolling and triggers events based on the scroll position. For example, if you scroll down a page and an element appears in the viewport for the first time, you can trigger a smooth animation to fade in the element.

When using a delay, it can be applied for each to the items within the row that scrolls into view. The delay will be reseted for the next row within the grid when it scrolls into view.

Group Scrollspy elements, so you won't have to apply the attribute to each of them. Just enable the target option for the Card element inside a grid. The effect can also be repeated.