Возможно ли сделать функцию, которая будет ждать определенного момента?

Question

[Елена]

Например мне нужно, когда элемент getBoundingClientRect().top === 0, выполнить функцию. Вот как это сделать, чтоб функцию ждала именно определенного момента? То-есть как-то надо повесить событие на сам элемент и когда getBoundingClientRect().top === 0 нужно выполнить функцию. Вот как это сделать?

Answer 1

[Сергей Соколов]

IntersectionObserver может оказаться полезным. Если бы вы привели минимальный пример.

Comments

[Елена]

Сергей Соколов у меня есть элемент, который изначально скрыт. Мне надо его показывать, когда у него getBoundingClientRect().top === 0. Понимаю, что надо повесить обработчики типа wheel, scroll и другие, и делать там проверку. Но это не подходит, потому-что например wheel по разному работает от колесика мыши и от тачпада)

[Елена]

Сергей Соколов IntersectionObserver крутяк)) Помог, спасибо большое, вообще про это не знала)

[Сергей Соколов]

Елена, ну вот этот обозреватель как раз реагирует на появление в зоне видимости наблюдаемого элемента. Именно на переход из "не видно" – "видно". Но реагирует на любой кусок элемента - в т.ч. на нижний край - как только появится - сработает.
Поэтому, наверное, надо добавить элемент с высотой 1px или даже 0 – и слушать видимость на нём.