Как определить перекрытие (наложение) элементов с помощью JavaScript?

Как определить перекрывающиеся элементы HTML с помощью JavaScript?

У меня есть список элементов (

) . Он скользит вверх и вниз с помощью JavaScript. Когда он скользит вниз, в зависимости от количества элементов, он может перекрывать другой элемент (

), который в данный момент позиционируется абсолютно (его можно изменить).

Как я могу обнаружить , когда

перекрывает этот

, чтобы применить новый стиль к

, чтобы скрыть это временно или немного сдвинуть вниз, чтобы предотвратить перекрытие?
Это просто не выглядит хорошо, когда они перекрываются))

Здесь вы можете видеть, о чем я говорю: http://timetable.raj.fvds.ru/

Большое спасибо!