Javascript 完美滚动条在线加载滚动至按钮并使用无限滚动

我将Angular 7与插件一起使用，我编写的代码如下：

<div class="card ps-mid">
<div class="row" *ngFor="let comment of res.cmt">
    <div class="col">
        <ul class="collection z-depth-1">
            <li class="collection-item avatar">
                <div class="row">
                    <div class="col l2">
                        <img src="images/yuna.jpg" alt="" class="circle"
                            *ngIf="comment.IMAGE != null">
                    </div>
                    <div class="col l10">
                        <span class="title">{{comment.COMMENT}}</span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

---

现在使用上面的代码，我正在寻找加载的页面滚动条将滚动到底部的div，这是不工作的。我需要帮助来完成这项工作。尝试了多个资源来解决此问题，但没有使用，因此需要很少的帮助。

在初始化插件之前，您尝试在div底部滚动

ngOnInit() {
  setTimeout(() => {
    // Scroll to bottom on div.
    var element = document.getElementById("ps-mid");
    element.scrollTop = element.scrollHeight - element.clientHeight;

    const ps = new PerfectScrollbar('#ps-mid', { suppressScrollX: true })
      document.querySelector('#ps-mid').addEventListener('ps-y-reach-end', () => {
      ps.update();
    });
  }, 1);
}

并稍微更改您的Html

<div class="card" id="ps-mid"> 
   // Your Code
 </div>

//你的代码

---

尝试使用此示例

在初始化插件之前，尝试在div上向下滚动

ngOnInit() {
  setTimeout(() => {
    // Scroll to bottom on div.
    var element = document.getElementById("ps-mid");
    element.scrollTop = element.scrollHeight - element.clientHeight;

    const ps = new PerfectScrollbar('#ps-mid', { suppressScrollX: true })
      document.querySelector('#ps-mid').addEventListener('ps-y-reach-end', () => {
      ps.update();
    });
  }, 1);
}

并稍微更改您的Html

<div class="card" id="ps-mid"> 
   // Your Code
 </div>

//你的代码

试试这个例子