jQuery实现滚动条滚动到子元素位置（方便定位）

最新推荐文章于 2024-06-18 10:31:04 发布

转载最新推荐文章于 2024-06-18 10:31:04 发布 · 1k 阅读

jQuery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用jQuery实现滚动条定位的方法，通过计算特定元素的偏移量来平滑滚动到目标位置，提供了两种实现方式，一种是直接跳转，另一种则带有动画效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关键代码如下所示：

<div
 class="of-y"

id="nurse"

>

　　<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>

</div>

jQuery:

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

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