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

Question

[Araya]

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

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

Answer 1

[Mikhail Rerberg]

Может подойти подобное API:
https://developer.mozilla.org/en-US/docs/Web/API/I...

Вкратце, если заданный блок попадает в видимую область окна браузера, срабатывает callback. В вашем случае, если детектится шапка, то пусть логотипу выставляется класс.

Answer 2

[MaksPaverov]

Если не ошибаюсь, то условие:

if  ($(window).scrollTop() == $(document).height()) 
     {
          
     }

Так же и до низа страницы

if  ($(window).scrollTop() == $(document).height() - $(window).height()) 
     {
          
     }