Question

如何用js或Jq获取DIV内元素相对于DIV元素滚动条顶部的距离？

DIV:宽为300px;高为200px;
当内容超过DIV高度时出现滚动条。

如何用JS或jq获取DIV内元素(#ok)相对于DIV的滚动条顶部的距离？

html代码：
<div id="test">
<p>afasdfasdf</p>
<p>afasdfasdf</p>
<p>afasdfasdf</p>
<p>afasdfasdf</p>
<p>afasdfasdf</p>
<p>afasdfasdf</p>
<p>afasdfasdf</p>
<p>afasdfasdf</p>
<p>afasdfasdf</p>
<p>afasdfasdf</p>
<p>afasdfasdf</p>
<div id="ok"> asdfasdf</div>
<p>afasdfasdf</p>
<p>afasdfasdf</p>
<div>

css代码：
#test {
position:absolute;
top:100px;
left:100px;
width:300px;
height:200px;
overflow-y: auto;
border:1px solid;
}
#ok{border:1px solid;}

Answer 1

$(function(){
alert($("#ok").position().top);
}

追问

谢了~
能否获得div（#test）元素滚动条距离div顶部的高度呢？或都是距离DIV底部的距离呢？

追答

alert($("#test").scrollTop());