查找最靠近视口顶部的 div

Question

好的，我的应用程序中的元素很少，在这种情况下，我只制作了 3 个 div，以作为示例。 我有 3 个 div 的数组，我的目标是在它们上使用 forEach 方法并找到最接近视口顶部屏幕的 div。为此，我使用了 getBoundingClientRect()。它返回每个 div 的值。我的问题只是，我如何返回最接近顶部的那个，这意味着数字最接近 0 的那个。在我的应用程序中它当然更复杂，但情况相同。

const myDivs = document.getElementsByClassName('test')
const myDivsArr = Array.prototype.slice.call(myDivs);

myDivsArr.forEach(div => (
  console.log(div.getBoundingClientRect().top)
))

<div class="test">
1
</div>
<div class="test">
2
</div>
<div class="test">
3
</div>

Answer 1

document.querySelector("div");

console.log(document.querySelector("div"));

<div class="test">1</div>
<div class="test">2</div>
<div class="test">3</div>