Как узнать что элемент вышел из контейнера?

Question

[Aleksandr]

Вот накатал небольшой пример
Друзья, подскажите пожалуйста, как выводить алерт в тот момент, когда например 5 элемент вышел из контейнера?

Comments

[napa3um]

Не читайте это из DOM (это медленно), лучше держите в памяти модель, которой заведомо известно, какие элементы попадают в контейнер (модель знает о высоте контейнера и высоте элементов). Техника называется virtual list / virtual scroll, можно нагуглить кучу примеров (например, sergimansilla.com/blog/virtual-scrolling )

Answer 1

[Илья Мясин]

Если надо код попроще, делайте requestAnimationFrame + getBoundingClientRect, когда элементов мало будет работать норм. Если надо, чтобы быстро работало на больших списках - стройте модель, как советует napa3um