首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >滚动列表到底部?

滚动列表到底部?
EN

Stack Overflow用户
提问于 2019-07-25 19:44:12
回答 1查看 51关注 0票数 0

我在页面上使用局部视图和动态填充列表。列表高度受到限制,并添加了垂直滚动。如何在JavaScript中滚动列表?我试着这样做,但没有,它仍然无法滚动。

如果我使用ScrollView2() -它可以工作,但是如果我使用refresh和ScrollView2 -它会返回到列表的顶部

代码语言:javascript
复制
@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>
EN

回答 1

Stack Overflow用户

发布于 2019-07-25 22:35:09

问题出在函数

代码语言:javascript
复制
 $('#viewResults').load(url); 

是异步的。正确的方法是:

代码语言:javascript
复制
var url = '@Url.Action("RefreshLogs", "Home")';
$('#viewResults').load(url, ScrollView2);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57201210

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档