jquery如何获取浏览器某个元素到页面顶部的距离

可以使用jQuery的offset()方法来获取一个元素相对于文档的偏移量，然后再减去页面滚动的距离，就可以得到该元素到页面顶部的距离。

代码如下：

var elementTop = $('#yourElement').offset().top - $(window).scrollTop();

其中`#yourElement`是要获取距离的元素的选择器。`$(window).scrollTop()`是获取页面滚动的距离。

相关问题

jQuery 获取元素距离顶部高度

jQuery 提供了一个方法 `.offset()`，可以获取元素相对于文档的偏移量。使用这个方法后可以通过访问 `.top` 属性来获取元素距离顶部的高度。例如：

var element = $("#some-element");
var top = element.offset().top;

这个方法返回值是包含了两个属性的对象，top和left,表示元素相对于文档的高度和宽度。

例如：

$("#some-element").offset().top;
$("#some-element").offset().left;

如果需要获取元素距离父元素的高度可以使用 `position()`

例如：

$("#some-element").position().top;
$("#some-element").position().left;

用jquery算盒子距离页面顶部的距离

使用 jQuery 计算盒子距离页面顶部的距离可以通过以下代码实现：

var boxTop = $('#box').offset().top - $(window).scrollTop();

其中 `#box` 是你要获取的盒子的选择器，`offset()` 方法可以获取元素相对于文档的位置。`$(window).scrollTop()` 可以获取当前页面滚动的距离，两者相减即可得到元素顶部距离页面顶部的距离。

如果你想要获取盒子相对于某个父元素的距离，可以使用 `position()` 方法获取元素相对于父元素的位置，例如：

var boxTop = $('#box').position().top;

这样可以获取盒子顶部距离父元素顶部的距离。