div模拟滚动条，table内部，搜索定位

最新推荐文章于 2026-06-24 14:47:49 发布

原创最新推荐文章于 2026-06-24 14:47:49 发布 · 760 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Jquery

当前文章被收录于：

Jquery

19 篇文章 0 人学习

学习笔记

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种使用DIV来模拟滚动条的方法，并结合表格内部的搜索功能实现快速定位到指定行。通过监听键盘输入事件，利用jQuery选择器查找包含特定文本的第一行并计算其位置，最终调整模拟滚动条的位置。

div模拟滚动条，table内部，搜索定位

 $("input").on("keyup",function (argument) {
       var val = $(this).val();
       var selector = "#thetable td:contains('"+val+"'):first";
       console.log( selector );
       var index  = $(selector).parents('tr').index();
       console.log( index );
       var top = index * 40; //索引*行高
       console.log( top );
       $('.jqstb-scroll').scrollTop( top );
   })