Esta questão já tem uma resposta aqui:

Eu tenho dois elementos div. Cada um deles tem 450px de largura e altura. Como faço para verificar se a primeira div está sobrepondo a segunda div?

Eu tentei usar javascript hittest, mas é um pouco complicado. Como estou tentando descobrir como isso realmente funciona, gostaria de começar com um código mais simples.

Eu descobri que posso usar.getClientRects para obter o limite de um elemento, mas não sei exatamente como comparar limites.

Aconselhe-me por favor!