Creé un div simple y dentro de este div mapeé la matriz y llené los datos a la vista. Pero quiero que, cada vez, una función se llame automáticamente cuando finalice el desplazamiento vertical. Por favor sugiera cómo puede implementarlo.

 <div> {timeLineData.map((item, idx) => ( <Card> <h3>{item.name}</h3> <p>{item.name}</p> <p>{item.name}</p> <p>{item.name}</p> </Card> ))} </div>