父容器给一个id为“container”,容器的底部放一个隐藏的元素,方便我们获取这个滚动区域的高度。
html结构:
<div id="container">
....
<div id="container_bottom" style="visibility:hidden;"></div>
</div>
这里使用了jquery的方法获取一些参数,需要自己手动下载一下jquery,js逻辑:
setTimeout(() => {
document.getElementById('container').scrollTo(0, $("#container_bottom").offset().top + document.getElementById('container').scrollTop - $('#container').offset().top - $('#container').height()/2-60);
}, 0);
有任何疑问都可以评论或者私信我。