现在有个ul、li的列表,需要滚动到指定的某一行,使用jquery写

动态 未结 0 71
小小草
小小草 LV1 2023年9月23日 23:40 发表
可以使用以下代码实现: HTML代码: ```
  • 第一行
  • 第二行
  • 第三行
  • 第四行
  • 第五行
  • 第六行
  • 第七行
  • 第八行
  • 第九行
  • 第十行
``` jQuery代码: ``` $(document).ready(function() { // 滚动到第五行 var scrollTo = $('#myList li:eq(4)'); $('#myList').animate({ scrollTop: scrollTo.offset().top - $('#myList').offset().top + $('#myList').scrollTop() }, 1000); }); ``` 在这个例子中,我们滚动到了第五行(索引为4)。首先,我们选择要滚动到的元素,然后使用`animate()`方法来平滑地滚动到该元素。我们计算出要滚动的距离,并将其添加到当前滚动位置上。最后,我们指定了动画的持续时间为1秒钟。
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复