js实现根据内容撑开自动滚动到底部(或滚动到指定元素)的方法

<div id='content'>
    <div class='main'>这里是滚动的内容</div>
    <div id='content-footer'></div>
</div>
<script>
//1. 方法1:
var div = document.getElementById('content');
div.scrollTop = div.scrollHeight;
//2. 方法2:
var div=document.getElementById("content-footer");
div.scrollIntoView(true);//参数为true:调用该函数,页面发送滚动,使element的顶部与视图(容器)顶部对齐。参数为false:使element的底部与视图(容器)底部对齐

// 注意:需要在标签dom渲染完成之后,比如vue的this.$nextTick()
</script>
发布了200 篇原创文章 · 获赞 37 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/qq_42231156/article/details/103801682