js如何获取元素离顶部的距离

1、首先在html页面上，我们看到有一个按钮。我们要获得这个按钮离顶部的距离。

2、在按钮的事件函数里，我们先取这个按钮的offset数据，通过jquery的offset方法。

3、得到的结果是一个数组对象，我们只要获取里面的top数据就行了。

4、使用log方法，把数据输出到浏览器的控制台。

5、运行页面，我们看到现在的按钮位置。距离顶部估计是500px左右吧，点击一下这个按钮。

6、然后看一下控制台上的数据，得到距离为439的像素。

7、我们可以通过截图工具来量一下，可以得到结果是正确的。