在前端開發中，經常需要獲取元素距離頂部的高度。使用jQuery可以很方便地獲取元素的位置信息。

// 獲取元素距離頂部的高度
var top = $('.box').offset().top;
console.log(top);

上面的代碼中，.box是需要獲取高度的元素選擇器。使用offset()方法可以獲取元素相對于文檔頂部左上角的偏移量，包括元素邊框以內的部分。

如果想要獲取元素相對于父元素的偏移量，可以使用position()方法。

// 獲取元素相對于父元素的偏移量
var top = $('.box').position().top;
console.log(top);

上面的代碼中，.box是需要獲取高度的元素選擇器。使用position()方法可以獲取元素相對于其父級元素的偏移量。

除了以上方法，也可以使用scrollTop()方法來獲取文檔的滾動高度。

// 獲取文檔滾動高度
var scrollTop = $(document).scrollTop();
console.log(scrollTop);

上面的代碼中，$(document)表示文檔對象，scrollTop()方法可以獲取文檔滾動的高度。

通過以上方法，可以輕松地獲取元素距離頂部的高度，方便在開發中進行定位和布局。