javascript - jquery .scrollTo 在表中

Question

我正在做一个项目，我必须在其中显示某些数据行。我为此目的使用表格。

这是表格的演示

现在的问题是，每当我更改行的选择或滚动当前行时，它就会向上或向下隐藏。如何修复滚动以显示当前行？

如何实现 .scrollTo()

Answer 1

您可以使用scrollIntoView()which 用于滚动元素以在页面中可见。它基于 DOM 元素工作。将selectedRow类添加到 selectedtr并使用该 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);   
});

Answer 3

该功能不适用于 TR 元素（我不知道为什么），但适用于 TD。使用：
$('table').find('tr.selectedRow').find('TD').get(0).scrollIntoView();