jQuery实现定位滚动条位置

scrollTop() 方法

scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。

如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。

$(selector).scrollTop(offset)

• 注释：该方法对于可见元素和不可见元素均有效。
• 注释：当用于获取值时，该方法只返回第一个匹配元素的 scroll top offset。
• 注释：当用于设置值时，该方法设置所有匹配元素的 scroll top offset。

offset() 方法

offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。

返回第一个匹配元素的偏移坐标。

该方法返回的对象包含两个整型属性：top 和 left，以像素计。

此方法只对可见元素有效。

例子：jQuery实现滚动条滚动到子元素位置：

<table class="high width" id="nurse-plan">
  <tr id="tr-one"></tr>
  <tr id="tr-two"></tr>
  <tr id="tr-three"></tr>
  <tr id="tr-four"></tr>
</table>

$("#nurse").scrollTop($("#nurse").scrollTop() + $('#tr-three').offset().top - $("#nurse").offset().top); --普通

$("#nurse").animate({ scrollTop: $("#nurse").scrollTop() + $('#tr-three').offset().top - $("#nurse").offset().top }, 1000); --有动画效果

参考

• http://www.w3school.com.cn/jquery/css_scrolltop.asp
• http://www.w3school.com.cn/jquery/css_offset.asp
• http://www.jb51.net/article/89920.htm