JS: Скролл, Анимация, Таймеры

Создал 100 div и показываю их при скролле ( с задержкой между показом в 1 сек - setTimeout 1000 )

внутри div'ов есть текст, который изначально за границей div контейнера( translateY 100px ),

как только показывается div блок, должен всплыть текст( translateY 0px ), с анимацией( transition 300ms )

Когда страницу прокручиваешь плавно, то все работает как и ожидалось, но если прокруивать быстрее,

то анимация всплытия текста начинает ускоряться.

Что можно предпринят, чтобы анимация текста происходила как задумано?JS: Скролл, Анимация, Таймеры - JavaScript