如何获取浏览器窗口当前视图的顶部坐标（位置）？

嗨，这个需求其实挺常见的，我给你分享两种实用的实现方式，涵盖原生JS和你熟悉的jQuery：

原生JavaScript方案 #

要获取当前视图顶部的位置，本质就是获取页面垂直滚动的距离，你可以结合两个属性来做浏览器兼容：

// 兼容现代浏览器和旧版IE的写法
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
alert(scrollTop);

• window.pageYOffset是现代浏览器支持的标准属性，直接返回垂直滚动的像素值；
• document.documentElement.scrollTop是针对旧版IE的兼容写法，当pageYOffset不生效时会用这个值兜底。

jQuery方案 #

如果你平时习惯用jQuery开发，那就更简单了，jQuery已经帮我们封装好了兼容处理，直接调用scrollTop()方法就行：

var scrollTop = $(window).scrollTop();
alert(scrollTop);

不管用户滚动到页面哪个位置，这个值都会准确返回当前视图顶部距离文档最顶端的像素数，完全满足你的需求~

内容的提问来源于stack exchange，提问作者user9269971