先上代碼: 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