滚动列表到底部？

Question

我在页面上使用部分视图并动态填充列表。 列表高度受到限制并添加了垂直滚动。 如何滚动JavaScript中的列表？我试图这样做，但它仍然不滚动。

如果我使用 ScrollView2() - 它可以工作，但如果我使用刷新和 ScrollView2 - 它会返回到列表顶部

@model List<string>
@*<div class="row">*@
<div id="viewResults">
<div class="col-md-12" style="height:200px;overflow-y:scroll">
        <ul>
            @foreach (string logRecord in Model)//ViewBag.Logs)
            {
                if (!string.IsNullOrEmpty(logRecord))
                {
                    <li class="listclass" style="color:blue;">
                        @logRecord
                    </li>
                }
            }
        </ul>
        <a name="LogBottomAnchor" id="LogBottomAnchor"></a>
    </div>
</div>

<script type="text/javascript">
function RefreshLog()
{
    var url = '@Url.Action("RefreshLogs", "Home")';
    $('#viewResults').load(url);
    ScrollView2();
};
function ScrollView2() {

    items = document.querySelectorAll(".listclass");
    last = items[items.length - 1];
    last.scrollIntoView();
}[/SRC]

    window.onload = RefreshLog;
</script>

Answer 1

问题在于功能

 $('#viewResults').load(url); 

是异步的。而正确的做法是：

var url = '@Url.Action("RefreshLogs", "Home")';
$('#viewResults').load(url, ScrollView2);