【js】当页面不断加载变长时如何保证页面滚动条始终置于底部

网上很多博客都在复制粘贴，或者新建一个div对象。简直离谱。
事实上这个问题的思路很明确：监听页面长度变化 -> 变了就把滚动条置底。

而监听页面高度，或者说监听某个变量的方法，我在找了一圈后，找到了一个令人满意的答案：Detect Document Height Change

所以实现如下：

<script>
    // https://stackoverflow.com/questions/14866775/detect-document-height-change
    // Purpose: Make sure the scroll bar is always at the bottom of the page as the page continues to output.
    // create an Observer instance
    const resizeObserver = new ResizeObserver(() =>
        window.scrollTo(0, document.body.scrollHeight)
    )
    // start observing a DOM node
    resizeObserver.observe(document.body)
script>

还得靠自己。