jquery .scrollTo在表

Question

我正在一個項目中，我必須顯示某些數據行。我正在爲此目的使用表格。

這裏有一個demo of table

現在的問題是每當我改變行的選擇或滾動當前行，它會隱藏或上下。如何修復滾動，以顯示當前行？

我如何能實現.scrollTo（）

Answer 1

您可以使用scrollIntoView()所使用的元素滾動到可見的頁面。 它基於DOM元素工作。將selectedRow類添加到選定的tr並使用該DOM元素的 。

$('table').find('tr.selectedRow')[0].scrollIntoView() 

Answer 2

試試這個，但我沒有測試代碼。

var pos_top = 0 ; 

jQuery('tr').click(function(){ 

    var element_pos = jQuery(this).position(); 
    pos_top = element_pos.top; 
}); 


jQuery('.change_but').click(function(){ 

    jQuery('tbody').scrollTop(pos_top); 
});