先上代码: javascript
let scrollBody = $('#sku_table').parents('.dataTables_scrollBody'); let index = $("#" + toId).parents('tr').index(); let firstIndexTop = $('#sku_table').find('tbody tr:eq(0)').offset().top; let searchIndexTop = $('#sku_table').find('tbody tr:eq('+index+')').offset().top; scrollBody.scrollTop(searchIndexTop - firstIndexTop);
下面解释下用法java
1.使用$('#sku_table').scrollTop调试了很久发现一直没有实现表格滚动条跳转。后来发现是jQuery datatables插件在表格的外层包装了一层div,这个滚动条是div的。插件
2.因此先选中div元素scrollBody,而后计算下表格第一行和要跳转的行的top高度调试
3.使用scrollBody.scrollTop跳转到指定的高度 searchIndexTop - firstIndexTopcode