窗口边框到元素的距离

Question

为什么在下面的代码中clientY等于未定义的？

​

window.addEventListener('scroll', e => {
  console.log(document.querySelector('section').clientY);
});

<div>qwq</div>
<div>wq</div>
<div>ad</div>
<div>qw</div>
<div>qwq</div>
<div>wq</div>
<div>ad</div>
<section>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatibus temporibus eius mollitia cupiditate earum ex eaque ut laudantium magni tempore vel, nulla libero, animi tenetur accusamus consequuntur obcaecati ipsa quibusdam?Lorem ipsum, dolor sit
  amet consectetur adipisicing elit. Provident, facilis fuga at voluptatibus laudantium magni! Id aspernatur quaerat consequatur. Eligendi officiis voluptas, voluptates consequatur accusamus cum distinctio? At, doloribus ipsa!</section>

​

upd：

好的，我正在尝试使事件侦听器在滚动时，身体检查从窗口顶部到元素- 示例的距离。点击左边面板链接，你就会明白我的意思。

Answer 1

我猜您是想在滚动后从滚动元素的顶部找到<section>的偏移量(在您的例子中是window)。所以，要做到这一点，你可以尝试

document.querySelector('section').getBoundingClientRect().top