在前端開發中，我們經常需要控制元素距離頁面頂部的距離。這時候就可以使用jQuery的scrollTop()方法來實現。

首先，我們需要獲取要控制距離頂部的元素，可以使用jQuery選擇器來獲取，例如：

// 獲取要設置距離頂部的元素
var $elem = $('#myElem');

接下來，我們可以使用scrollTop()方法來設置元素距離頂部的距離，例如設置距離頂部100px：

// 設置元素距離頂部的距離
$elem.scrollTop(100);

需要注意的是，scrollTop()方法只對包含overflow屬性并且設置了height或max-height屬性的元素有效。

除了使用scrollTop()方法，我們還可以通過設置元素的CSS樣式來實現控制距離頂部的效果，例如：

// 設置元素距離頂部的距離
$elem.css('top', '100px');

這種方式相對于scrollTop()方法的優點在于，對所有元素均有效，而不需要考慮元素的父元素是否設置了overflow或height屬性。

綜上所述，使用jQuery設置元素距離頂部距離有兩種方式：使用scrollTop()方法或設置元素的CSS樣式。根據實際情況選擇不同的方式即可。