HTML:DIV滚动条自动滚动到最底部的两种方法
方法1
function updateScroll(){
var element = document.getElementById("divId");
element.scrollTop = element.scrollHeight;
}
方法2
<div class="container">
<div class="inner">Bottom</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Hi</div>
<div class="inner">Top</div>
</div>
<style>
.container {
height: 100px;
overflow: auto;
display: flex;
flex-direction: column-reverse;
}
</style>
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!