Javascript 如何在数组中定位元素的Y坐标

Javascript 如何在数组中定位元素的Y坐标,javascript,css,drupal-8,Javascript,Css,Drupal 8,我需要一些帮助 我尝试定位具有相同类(.section container)的多个div的Y坐标 但是console.log为每个div返回0 (2) [div.section-container,div.section-container] 20 你有什么想法吗 const sectionSelector=元素!==未定义 ? 元素.querySelectorAll('.section容器') :假; const sectionArr=Array.from(sectionSelector);

我需要一些帮助

我尝试定位具有相同类(.section container)的多个div的Y坐标
但是console.log为每个div返回0

(2) [div.section-container,div.section-container] 20

你有什么想法吗

const sectionSelector=元素!==未定义
? 元素.querySelectorAll('.section容器')
:假;
const sectionArr=Array.from(sectionSelector);
常量PosY=函数()
{
章节ARR.forEach(功能(e)
{
const pos=e.getBoundingClientRect();
常数y=位置顶部;
控制台日志(y)
})
}
PosY();

谢谢你的帮助

您是否已经尝试使用pos.y而不是pos.top


top只是一个相对值,如MDN()中所述。

就给定的代码而言,我看不出有任何错误,但我们没有HTML,所以我添加了一些测试内容

只要HTML存在,代码就可以正常工作。希望通过比较这段代码中的内容和您实际拥有的内容能够对问题有所帮助


.分段集装箱{
宽度:200px;
高度:300px;
}
let element=document.getElementById('main');
常量节选择器=元素!==未定义
? 元素.querySelectorAll('.section容器')
:假;
const sectionArr=Array.from(sectionSelector);
常量PosY=函数()
{
章节ARR.forEach(功能(e)
{
const pos=e.getBoundingClientRect();
常数y=位置顶部;
控制台日志(y)
})
}   
PosY();

请添加该-->的html+css是否将pos和y帮助的“const”更改为“let”?@NeilW-Uh,const在函数中。所以const实际上是可以的。在你们的例子中元素是什么?使用document.getElementsByClassName>Thks-Guy获取div时似乎效果不错,谢谢您的帮助!该分区显示为无。但我还有一个问题。如何将数据(Y坐标)直接返回常量?例:常数posY=1200?太多了!是否要获取数组中div的y坐标?或者只想得到第一个值的y坐标?我想要div的y坐标。最终目标:添加带有opacity:1属性的类,以在滚动上显示divs“section container”。