滚动条，滚动到进行中，或者最后一个已结束的位置

最新推荐文章于 2024-04-27 21:44:45 发布

原创最新推荐文章于 2024-04-27 21:44:45 发布 · 527 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种使用jQuery实现滚动条定位至进行中或最后一个已完成项的技术。通过为进行中或最后一个已完成的元素添加class，利用offsetTop属性计算相对位置，从而平滑滚动至目标位置。

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

 需求是： 滚动条，滚动到进行中，或者最后一个已结束的位置。

做法是： 先给 进行中，或者拿到最后一个已结束的，加一个cur的class 


// list_content是包含li的ul；  progress_scroll_content 是ul的外面，有滚动条的容器（这里也可以把滚动条给到ul）

var objTr = $("#list_content li.cur");
  if (objTr.length > 0) {
         $("#progress_scroll_content").animate({
            scrollTop: objTr[0].offsetTop - $('#progress_scroll_content')[0].offsetTop
          }, "slow");
   }