jQueryを使用して要素の上端からの垂直距離をpxで求める方法

質問

javascript/jQueryを使用して、ページの先頭からDOMに存在する要素の位置までの垂直距離を求めるにはどうすればよいですか？

私は次のようなものを持っています。

<ul>
    <li>one</li>
    <li>one</li>
    <li>one</li>
    <li>one</li>
    <li class="test">one</li>
    ....
    ....
    ....
    <li>one</li>
</ul>

例えばここでは、ページの先頭から垂直方向の距離を求めるために li#test 要素までの垂直距離を求めます。

試しに .scrollTop() を試してみましたが、常に0と表示されます。

どのように解決するのですか？

使用方法 .offset() を使って、要素とドキュメントのトップとの間の距離を取得します。

$("li.test").offset().top