javascript - 在html中将滚动条位置设置到底部

This question already has answers here:

jQuery Scroll To bottom of the page

                                    （11个答案）


                                5个月前关闭。


就是这个我正在用flask编写一个Web应用程序。
所以我用JQUERY从服务器上获取了一些数据，并将它们显示在div中。
我将divs溢出设置为auto。
我希望滚动条的位置位于div中用户不必向下滚动以查看最新更新的最后一个元素
我该怎么办

最佳答案

只需将DIVID替换为要滚动至底部的DIV的ID，即可完成此操作。

document.addEventListener('DOMContentLoaded', function(){
  var DIVID = document.querySelector('#DIVID');
  DIVID.scrollTop = DIVID.scrollHeight;
});

举个例子；

document.addEventListener('DOMContentLoaded', function(){
      var DIVID = document.querySelector('#DIVID');
      DIVID.scrollTop = DIVID.scrollHeight;
    });

.wrap {
  width: 100%;
}

.divid {
  width: 80%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  border: 1px
}

<div class="wrap">
<div class="DIVID">
<h1>Scroll</h1>
<h1>Scroll</h1>
<h1>Scroll</h1>
<h1>Scroll</h1>
<h1>Scroll</h1>
<h1>Scroll</h1>
<h1>Scroll</h1>
</div>
</div>

关于javascript - 在html中将滚动条位置设置到底部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57779997/

上一篇：html - 与其他元素分组后更改元素属性

下一篇：jquery - 如何在单击 HTML 图像映射时切换回原始状态

相关文章：

javascript - 等待jquery第一个更改事件完成？

javascript - 如何使用 jquery 延迟对象检查元素是否在 DOM 中？

html - 从 xmlhttp 抓取数据

css - 为同一类的所有元素显示相同的标题文本？

javascript - 使用父对象中的私有(private)变量实现原型(prototype)继承

javascript - 使用 jQuery 清除动态加载元素的innerHTML

javascript - 轻量级 AJAX 对象有推荐吗？

php - 如何调用基于滚动条点击的函数？

javascript - 带有播放/暂停按钮的多个 Bootstrap 轮播

php - 错误: INVALID_STATE_ERR: DOM Exception 11 with php websockets