Jquery 我想在每个div到达顶部时提醒颜色名称

我想在每个div到达顶部时提醒颜色名称

$（函数（）{
log（$（'#one'）.offset（））；
log（$（'#two'）.offset（））；
log（$（'#三'.offset（））；
log（$（'#四'.offset（））；
$（窗口）。滚动（函数（）{
$（'.common'）。每个（函数（索引，元素）{
var getId=$（this.attr（'id'）；
if（$（'#'+getId）.offset（）.top===$（this.offset（）.top）{
console.log（$（this.attr（'id'））；
}
});
});
});
正文{
浮动：左；
宽度：100%；
}
.普通的{
宽度：100%；
浮动：左；
高度：700px；
边缘底部：10px；
}
#一个{
背景：红色；
}
#两个{
背景：蓝色；
}
#三{
背景：绿色；
}
#四{
背景：黑色；
}
在此版本中，我使用了
this.getBoundingClientRect（）.top
并检查它是否小于或等于零，即在视口顶部或更远处。我们正以相反的顺序在面板中循环，这样我们可以在一个面板位于视口顶部时立即停止。这就是你要找的吗


$（函数（）{
$（窗口）。滚动（函数（）{
$（$（'.common'）.get（）.reverse（））.each（函数（索引，元素）{
var getId=$（this.attr（'id'）；
if（this.getBoundingClientRect（）.top在这个版本中，我使用了
这个.getBoundingClientRect（）.top
并检查它是否小于或等于零，即在视口顶部或更远处。我们以相反的顺序循环通过面板，以便我们可以在一个面板位于视口顶部时立即停止。这是您要查找的吗


$（函数（）{
$（窗口）。滚动（函数（）{
$（$（'.common'）.get（）.reverse（））.each（函数（索引，元素）{
var getId=$（this.attr（'id'）；
if（this.getBoundingClientRect（）.top你观察到发生了什么？你期望发生什么？@TarynEast如果有效，我用其他方式将此代码实现到我的网站上你观察到了什么？你期望发生什么？@TarynEast如果有效，我用其他方式将此代码实现到我的网站上是的，我正在寻找。谢谢你的答案。但是有些问题此代码的问题。当我们滚动它时，重复id（一两，一拖，一拖三），如果视图端口上显示红色，我的控制台只需要显示红色的div id，当我们在视口控制台上显示蓝色的div id时，哪一个才是只显示该id的视口警报。有可能吗？你想在每次用户滚动时，还是只在可见颜色改变时显示？不，这不是我想要的。我已经设置了一个操作，当特定的d我在viewportI上更新了我的代码片段，只记录最底部的匹配面板。这是你想要的吗？我不明白你的最新评论。是的，我正在寻找这个。谢谢你的回答。但是这段代码有一些问题。当我们滚动它时，重复id（一二，一拖，一拖三），如果视图端口上显示红色，我的控制台只需要显示红色的div id，当我们在视口控制台上显示蓝色的div id时，哪一个才是只显示该id的视口警报。有可能吗？你想在每次用户滚动时，还是只在可见颜色改变时显示？不，这不是我想要的。我已经设置了一个操作，当特定的d我已经更新了我的代码片段，只记录最下面的匹配面板。这就是你想要的吗？我不明白你最近的评论。