javascript - 要素が特定の垂直点の上にあるかどうかを知る getBoundingClientRect

Question

要素がページ内の特定のポイントの上にあるかどうかを知るために getBoundingClientRect を使用しています。だから私はこれを行います：

var rect = el.getBoundingClientRect();

if (rect.top < bottom_limit) {
   return true;
}

これはうまく機能していると思いますが、一部のデバッグで、一部の要素が上、下、右、左のすべてに対して 0 を返すことがわかりました。例:例 1と例2

<span id='a'>
    <span id='b'>This is some crazy text.</span>
</span>

#b {
    float: left;
}

と

#b {
    position: absolute;
}

私はすべてゼロになることを心配しています。なぜこうなった？私が達成しようとしていることに対して、この方法を信頼できますか?