Html页面滚动问题

Question

我正在开展一个项目，我必须在其中显示某些数据行。我正在为此目的使用桌子。

这是demo table。

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

Answer 1

单击滚动条时，焦点将从所选行中丢失，因此将调用blur函数，该行将颜色的颜色更改为白色。

代替使用模糊功能，在焦点功能中尝试此代码...

        $("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类，就会将颜色设置为黑色，并将之前聚焦的颜色重置为白色。