Как заставить сработать условие?

Всем добрый вечер.
В шапке есть логотип, который после прелодера должен анимировано показываться, но если по какой-то причине пользователь открыл сайт не с шапки и доскролил до этого места, должна пройти анимация. То есть setTimeOut тут не подойдет. Пытался и в функцию выносить, лучше не стало, есть идеи как это реализовать?
PS Сама анимация сделана на CSS с помощью translate и transition.
Хочу сделать на чистом JS

let el = document.querySelector('.el');
el.classList.add('animate');
window.addEventListener('scroll', () => {
    let bottom = el.getBoundingClientRect().bottom;
    if (bottom >= 0) {
        el.classList.remove('animate');
    }
});

Сейчас код выглядит вот так