jquery - 可滚动的焦点元素

Question

        var newrow =
     $(
     "<tr id=" + mahs + ">"
    + "<td id=\"stt\">" + $("#txtIncrement").val() + "</td>"
    + "<td id=\"mahs\">" + mahs + "</td>"
    + "<td id=\"fullname\">" + $("#txtFullname").val() + "</td>"
    + "<td id=\"delete\">" + "<a href=\"#\"><img src=\"/Contents/Images/delete.png\" style=\"width:30px;height:30px;\" alt=\"\" /></a>" + "</td>"
    + "</tr>");
    $("#tbContent").append(newrow);

我使用此代码在下面的 div 标签中向 table(tbContent) 添加新行。

 <div  id="scrollpanel" class="cvleft" style="height:417px; overflow:scroll;">
        <table id="tbContent">
        <thead>
            <tr>
                <th>STT</th>
                <th>HS</th>
                <th>Name</th>
                <th>Delete</th>

            </tr>
        </thead>
        <tbody>
        </tbody>
        </table>
    </div>

添加到 table 时如何聚焦该行？谢谢！

Answer 1

假设您在输入新行后尝试滚动到 div 的底部，请尝试以下操作：

var height = $('#scrollpanel')[0].scrollHeight;
$('#scrollpanel').scrollTop(height);

或者，如果您想让它动画化：

var height = $('#scrollpanel')[0].scrollHeight;
$("#scrollpanel").animate({ scrollTop: height}, 1000);

祝你好运。

Answer 2

如何尝试 - 添加行时使用 jquery 可能像 -->

$('#scrollpanel').scrollIntoView() 

如何使用 javascript/jquery 关注给定表的行？