javascript - Html页面滚动问题

Question

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

这是一个演示表。

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

Answer 1

当您单击滚动条时，焦点从所选行丢失，因此调用模糊函数将行的颜色更改回白色。

而不是使用模糊功能，在焦点功能尝试这个代码......

        $("tr").css("color", "black");
        $("tr").css("background-color", "white");

        $("'#"+id+"'").css("color", "white");
        $("'#"+id+"'").css("background-color", "black");

首先将所有 tr 的背景颜色重置为白色，然后将所选 tr 的背景颜色设置为黑色。

Answer 2

好吧，我找到了解决方案，修复了 div 的高度并删除了滚动条。即溢出：无

Answer 3

这是因为您正在更改焦点所在行的背景颜色，并且当它不在焦点上时，它会返回到 .data-row 类。这就是为什么每当您单击滚动条时，它都会变回来。

相反，只要一行处于焦点位置，只需替换/添加一个 css 类，这会将颜色设置为黑色，并将先前关注的焦点重置为白色。