Question

每次我添加一个项目时，一旦它变大，就会出现一个滚动条。但滚动条不会自动滚动到最新项目，这意味着每当我添加项目时，我都希望滚动条自动滚动到底部。

<ul id ="list" style ="overflow:auto; height:300px;"></ul>

--------代码省略--------------

//Register sendButton Click Event
$("#sendButton").click(function () {
    hubProxy.server.send($("#inputTextBox").val());
    $("#inputTextBox").val("").focus();
    //HERE  i want it to scroll to the bottom most
});

Answer 1

您可以设置scrollTop属性以强制滚动位置。试试这个：

$("#sendButton").click(function () {
    hubProxy.server.send($("#inputTextBox").val());
    $("#inputTextBox").val("").focus();

    $('#list').scrollTop($('#list').height());
});

请注意，您还可以为此效果设置动画，以便用户更清楚内容的位置已更改：

$('#list').animate({ scrollTop: $('#list').height() }, "slow");

将无序列表滚动到最新项目

1 个答案: