Jquery Firefox中的javaScript错误-无法使用活动类更新菜单项

我正在建立一个“向下滚动”的网站，有不同的部分，但基本上你需要/可以做的就是滚动或按下菜单，菜单会自动滚动到所选的部分

我有一段js，它用.active类更新菜单链接，这样当你向下滚动时，你看到的部分的相应菜单项将变为活动。 虽然它在Chrome上运行得很好，但我似乎无法让它在Firefox/Explorer上运行。。我就是找不到问题

我制作了一个小的jsfiddle（）来描述我正在构建的网站，并正确地使用活动类进行更新。（至少在chrome atm上正确显示）

有人能帮我找到问题所在吗？我已经把范围缩小到了小提琴上的一点点js。我想。。。（也在此处发布，也许您可以立即发现错误）

//按滚动位置添加和删除“活动”类
$（文档）.on（“滚动”，onScroll）；
函数onScroll（事件）{
var scrollPos=$（'body'）.scrollTop（）；
$（'nav a'）。每个（函数（）{
var currLink=$（此）；
var refElement=$（currLink.attr（“href”）；
if（refElement.position（）.top-40滚动位置）{
$（'nav a'）.removeClass（“活动”）；
currLink.addClass（“活动”）；
}
否则{
currLink.removeClass（“活动”）；
}
});
}

谢谢

我唯一的改变是：

var scrollPos = $(document).scrollTop();

---

当我之前回显这个变量时，IE和FireFox中的值都是0。我想这是因为

主体

元素上没有滚动条，而是

文档

元素上有滚动条。

有效！！我学到了一些东西！非常感谢。不幸的是，我没有足够的声誉来击败你，我很抱歉！！

var scrollPos = $(document).scrollTop();