我在页面上使用局部视图和动态填充列表。列表高度受到限制,并添加了垂直滚动。如何在JavaScript中滚动列表?我试着这样做,但没有,它仍然无法滚动。
如果我使用ScrollView2() -它可以工作,但是如果我使用refresh和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>发布于 2019-07-25 22:35:09
问题出在函数
$('#viewResults').load(url); 是异步的。正确的方法是:
var url = '@Url.Action("RefreshLogs", "Home")';
$('#viewResults').load(url, ScrollView2);https://stackoverflow.com/questions/57201210
复制相似问题