javascript - 如何从顶部获取窗口位置(以像素为单位)

Question

高度为(例如)200%。有一个div。当您单击它时，浏览器应该提醒您滚动了多少(如标题所示，距离文档顶部的位置以像素为单位)。我尝试了两种变体，但都不起作用:(

var doc = $(document)
var pos = doc.scrollTop();

$(".block").click(function() {
alert('Distance from top is ' + pos + ' pixels')
})

如果我使用 scrollTop，即使我位于文档底部，它也会提醒“...为 0 像素”。

如果我使用offset，它会警告“...是未定义的像素”。我该怎么办？

Answer 1

这是我在元素中实现的跨浏览器解决方案。忘记我在哪里找到它的，否则我会相信的!可能是另一个问题。

function getScrollTop(){
    if(typeof pageYOffset!= 'undefined'){
        //most browsers except IE before #9
        return pageYOffset;
    }
    else{
        var B= document.body; //IE 'quirks'
        var D= document.documentElement; //IE with doctype
        D= (D.clientHeight)? D: B;
        return D.scrollTop;
    }
}