javascript - 窗口边框到元素的距离

Question

为什么 clientY 在下面的代码中等于 undefined？

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>

---

更新：

好的，我正在尝试制作事件侦听器，当滚动时，body 检查从窗口顶部到元素的距离 -示例。单击左侧面板链接，您将理解我的意思。

标签： javascripthtmldom

Answer 1

我猜你试图在滚动后<section>从可滚动元素的顶部（window在你的情况下）找到偏移量。所以，要做到这一点，你可以尝试

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